Trello

Trello's brand palette, anchored on Trello Blue (#0079BF) — the signature board-blue that has carried the kanban-card mark since the platform's early days. Trello (owned by Atlassian since 2017) retains its own brand color while sharing the Atlassian design language for product surfaces. The institutional voice pairs that blue with a clean white canvas and near-black body text.

9 swatches 14 light roles 14 dark roles saasproductivitytrelloatlassiankanbanblue

Swatches

trello-blue
#0079BF
Signature Trello board-blue. Primary brand color — used on the wordmark, the kanban-card mark, and primary brand surfaces.
trello-white
#FFFFFF
Canvas on light surfaces; reversed wordmark fill.
trello-black
#172B4D
Near-black body text — Atlassian Design's documented neutral text tone.
trello-canvas-dark
#1D2125
Authored dark-mode canvas — Atlassian Design's documented dark canvas.
trello-surface-light
#F4F5F7
Authored panel surface for light mode — Atlassian Design's documented N20 neutral.
trello-surface-dark
#22272B
Authored elevated surface on dark mode.
trello-text-secondary
#5E6C84
Authored secondary text — Atlassian Design's documented secondary text tone.
trello-text-tertiary
#8993A4
Authored tertiary / muted text.
trello-blue-hover
#2890CC
Authored softer Trello Blue for hover / active states.

Mode role mappings

Light mode (14 roles)

accent → trello-blue
accent-hover → trello-blue-hover
background → trello-white
error → trello-blue
primary → trello-blue
primary-hover → trello-blue-hover
success → trello-blue
surface → trello-surface-light
surface-elevated → trello-white
text-primary → trello-black
text-secondary → trello-text-secondary
text-tertiary → trello-text-tertiary
warning → trello-blue
warning-hover → trello-blue-hover

Dark mode (14 roles)

accent → trello-blue
accent-hover → trello-blue-hover
background → trello-canvas-dark
error → trello-blue
primary → trello-blue
primary-hover → trello-blue-hover
success → trello-blue
surface → trello-surface-dark
surface-elevated → trello-surface-dark
text-primary → trello-white
text-secondary → trello-text-tertiary
text-tertiary → trello-text-secondary
warning → trello-blue
warning-hover → trello-blue-hover

Provenance

Source
https://atlassian.design/
License
Proprietary — All Rights Reserved
Attribution
Trello and the Trello logo are trademarks of Atlassian Pty Ltd. The primary brand color Trello Blue (#0079BF) is documented in Trello's brand surfaces and is independently cross-referenced by the simple-icons brand database, which cites trello.com as the source. Atlassian Design (atlassian.design) provides the product-surface design language shared across Atlassian's portfolio.
Imported
2026-05-18
Notes
Only Trello Blue (#0079BF) is read directly from Trello's public brand surfaces. Trello's product also uses a documented label palette (red, yellow, green, etc.) but those label hex values are part of the product UI rather than brand-level color tokens and are not catalogued here. Secondary neutrals are authored neutral inversions calibrated to support both modes consistently.