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
1
Created at 01/23/2018 10:42
The palette consists of Light, Semi dark, Dark colors. Accent colors Trello Shades 0 #ffffff and Trello Shades 100 #edeff0. Palette has Neutral colors temperature.
A sequential monochrome scheme: tints and shades of a single hue step between light and dark.
By lightness, this palette runs from #000000 (darkest) to #FFFFFF (lightest). The lightness range is wide.
Overall saturation feels mostly muted (lower chroma) — 100% of colors are muted.
Most swatches are near-neutral or very low-chroma, so hue relationships are subtle.
Most swatches read as neutral in color temperature (10 of 10).
HEX codes (sorted): #000000, #222222, #333333, #676D70, #838C91, #D6DADC, #E2E4E6, #EDEFF0, #F8F9F9, #FFFFFF
Palette Trello Shades palette combines 10 color codes:
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, Tint of White Smoke, Shade of White Smoke, Tint of Gainsboro, Shade of Gainsboro, Tint of Light Slate Gray, Tint of Dim Gray, Tint of Black, Tint of Black, Black
Color scheme was created by mz
Color 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: