Created at 01/23/2018 10:42
1
Trello Shades palette
- Trello Shades 0#ffffff
- Trello Shades 50#f8f9f9
- Trello Shades 100#edeff0
- Trello Shades 200#e2e4e6
- Trello Shades 300#d6dadc
- Trello Shades 400#838c91
- Trello Shades 500#676d70
- Trello Shades 600#333333
- Trello Shades 700#222222
- Trello Shades 900#000000
The palette consists of Light, Dark colors. Accent colors Trello Shades 0 #ffffff and Trello Shades 100 #edeff0. Palette has Neutral, Cool colors temperature.
By lightness, this palette runs from #000000 (darkest) to #FFFFFF (lightest). The lightness range is wide.
Overall saturation feels mostly muted (lower chroma).
Most swatches are near-neutral or very low-chroma, so hue relationships are subtle.
Most swatches read as neutral in color temperature.
HEX codes (sorted): #000000, #222222, #333333, #676D70, #838C91, #D6DADC, #E2E4E6, #EDEFF0, #F8F9F9, #FFFFFF
Palette Trello Shades palette has combination of 10 codes colors:
HEX: #ffffff, RGB: (255, 255, 255); HEX: #f8f9f9, RGB: (248, 249, 249); HEX: #edeff0, RGB: (237, 239, 240)
HEX: #e2e4e6, RGB: (226, 228, 230); HEX: #d6dadc, RGB: (214, 218, 220); HEX: #838c91, RGB: (131, 140, 145)
HEX: #676d70, RGB: (103, 109, 112); HEX: #333333, RGB: (51, 51, 51); HEX: #222222, RGB: (34, 34, 34)
HEX: #000000, RGB: (0, 0, 0)
Simplified version of palette colors
White, Shade of whitesmoke, Tint of whitesmoke, Shade of gainsboro, Tint of gainsboro, Shade of lightslategrey, Shade of dimgrey, Shade of Black, Shade of Black, Black
Color scheme was created by mz
Colors codes in palette
Trello Shades palette color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #ffffff | #ffffff | RGB(255, 255, 255) | Trello Shades 0 | White |
| #f8f9f9 | #f8f9f9 | RGB(248, 249, 249) | Trello Shades 50 | — |
| #edeff0 | #edeff0 | RGB(237, 239, 240) | Trello Shades 100 | — |
| #e2e4e6 | #e2e4e6 | RGB(226, 228, 230) | Trello Shades 200 | — |
| #d6dadc | #d6dadc | RGB(214, 218, 220) | Trello Shades 300 | — |
| #838c91 | #838c91 | RGB(131, 140, 145) | Trello Shades 400 | — |
| #676d70 | #676d70 | RGB(103, 109, 112) | Trello Shades 500 | — |
| #333333 | #333333 | RGB(51, 51, 51) | Trello Shades 600 | Carbon |
| #222222 | #222222 | RGB(34, 34, 34) | Trello Shades 700 | Black Out |
| #000000 | #000000 | RGB(0, 0, 0) | Trello Shades 900 | Black |
Color Palette Contrast
14 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#ffffff | #f8f9f9 | 1.05 |
#ffffff | #edeff0 | 1.15 |
#ffffff | #e2e4e6 | 1.27 |
#ffffff | #d6dadc | 1.4 |
#f8f9f9 | #edeff0 | 1.09 |
#f8f9f9 | #e2e4e6 | 1.2 |
Image palette Trello Shades palette png
Export Palette
Download the "Trello Shades palette" in multiple formats for seamless integration into your design projects.
Available formats: