Software & SaaS
Trello Color Codes
Trello's colors are blue #0079BF and navy #293856. The Trello color codes in Hex, RGB and CMYK can be found below. Atlassian bought it in January 2017 for $425 million. The blue is the one people recognize, because it is the default background behind every new board.
Primary colors
What are Trello Primary Colors?
Trello's primary color is blue #0079BF, with navy #293856 on the wordmark.
Trello publishes no public CMYK or Pantone sheet, so both are shown below as conversions and nearest matches.
Trello Blue
| Hex | #0079BF |
|---|---|
| RGB | 0, 121, 191 |
| HSL | hsl(202, 100%, 37%) |
| CMYK | 100%, 37%, 0%, 25%converted · approximate |
| Pantone | PMS 3005 Cnearest match · not published by the brand |
Trello Navy
| Hex | #293856 |
|---|---|
| RGB | 41, 56, 86 |
| HSL | hsl(220, 35%, 25%) |
| CMYK | 52%, 35%, 0%, 66%converted · approximate |
| Pantone | PMS 533 Cnearest match · not published by the brand |
Trello Hex Color Codes
Trello hex color codes are #0079BF for blue and #293856 for navy.
| Color | Hex |
|---|---|
| Blue | #0079BF |
| Navy | #293856 |
Trello RGB Color Codes
Trello RGB color codes are 0, 121, 191 for blue and 41, 56, 86 for navy. Reach for RGB when a tool wants channel numbers or a CSS alpha value.
| Color | RGB |
|---|---|
| Blue | rgb(0, 121, 191) |
| Navy | rgb(41, 56, 86) |
Trello HSL Color Codes
Trello HSL color codes are 202, 100%, 37% for blue and 220, 35%, 25% for navy. Change the third value for a lighter or darker version without moving the hue.
| Color | HSL |
|---|---|
| Blue | hsl(202, 100%, 37%) |
| Navy | hsl(220, 35%, 25%) |
Trello CMYK Color Code
Trello CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.
| Color | CMYK |
|---|---|
| Blue | 100%, 37%, 0%, 25% |
| Navy | 52%, 35%, 0%, 66% |
Trello Pantone Color Codes
Trello Pantone color codes are nearest matches by color distance, not brand specs. The table shows the closest swatch for every color.
| Color | Nearest Pantone |
|---|---|
| Blue | PMS 3005 C |
| Navy | PMS 533 C |
Logo
Trello Logo Colors
Trello logo colors are blue on the board mark and navy on the letters.
Trello Logo Colors Palette
What the Trello Logo Colors Mean?
The Trello logo colors are literally the product. The mark is a rounded square holding two vertical bars of different heights, which is a board with two lists in it, and the blue is the default board background a new user sees first. That is an unusual thing for a logo to do: most marks are an abstraction of the idea, and this one is a screenshot. Navy on the wordmark arrived with the Atlassian acquisition and lines it up with Jira and Confluence.
Trello Logo JPG
Trello logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.
Trello Logo PNG
Trello logo in PNG, with a transparent background. Use it over a colored surface.
Trello Logo WebP
Trello logo in WebP. Same transparency as the PNG at about a third of the file size.
Trello Color Code Shades
Trello color code shades step evenly from the primary toward black, for hover states, borders and shadows.
These are interface steps, not Trello paint or trim names.
In code
Using the Trello palette
CSS custom properties
:root {
--trello-blue: #0079BF;
--trello-navy: #293856;
}Contrast against white
| Blue | 4.68:1AA ✓ |
|---|---|
| Navy | 11.70:1AA ✓ |
Brand colors are chosen for recognition, not for legibility. A failing value here is normal. It means use it as a fill, not as text.