Generate Palette
  1. Color Palettes
  2. Trello Shades palette

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.08k
Created at 01/23/2018 10:42
bymz
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.

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 0White
#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 600Carbon
#222222 #222222 RGB(34, 34, 34)Trello Shades 700Black Out
#000000 #000000 RGB(0, 0, 0)Trello Shades 900Black

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

Trello Shades palette: Trello Shades 0, Trello Shades 50, Trello Shades 100, Trello Shades 200, Trello Shades 300
 Download image