Generate Palette
  1. Color Palettes
  2. Trello Blue colors palette

Trello Blue colors palette

  • Trello Blue 50
    #e4f0f6
  • Trello Blue 100
    #bcd9ea
  • Trello Blue 200
    #8bbdd9
  • Trello Blue 300
    #5ba4cf
  • Trello Blue 400
    #298fca
  • Trello Blue 500
    #0079bf
  • Trello Blue 600
    #026aa7
  • Trello Blue 700
    #055a8c
  • Trello Blue 800
    #094c72
  • Trello Blue 900
    #0c3953
  11.56k
Created at 01/22/2018 10:37
bymz
The palette consists of Light, Semi dark, Dark colors. Accent colors Trello Blue 500 #0079bf and Trello Blue 600 #026aa7. Palette has Neutral, Cool colors temperature.

By lightness, this palette runs from #0C3953 (darkest) to #E4F0F6 (lightest). The lightness range is wide.

Overall saturation feels vivid (higher chroma) — 80% of colors are vivid.

An analogous palette: its hues sit close together on the color wheel, within about 2°.

Overall temperature among swatches leans cool (9 of 10).

HEX codes (sorted): #0079BF, #026AA7, #055A8C, #094C72, #0C3953, #298FCA, #5BA4CF, #8BBDD9, #BCD9EA, #E4F0F6

Palette Trello Blue colors palette combines 10 color codes:
HEX: #e4f0f6, RGB: (228, 240, 246); HEX: #bcd9ea, RGB: (188, 217, 234); HEX: #8bbdd9, RGB: (139, 189, 217)
HEX: #5ba4cf, RGB: (91, 164, 207); HEX: #298fca, RGB: (41, 143, 202); HEX: #0079bf, RGB: (0, 121, 191)
HEX: #026aa7, RGB: (2, 106, 167); HEX: #055a8c, RGB: (5, 90, 140); HEX: #094c72, RGB: (9, 76, 114)
HEX: #0c3953, RGB: (12, 57, 83)
Simplified version of palette colors
Shade of Alice Blue, Tint of Light Blue, Shade of Sky Blue, Tint of Cornflower Blue, Tint of Steel Blue, Shade of Steel Blue, Shade of Steel Blue, Shade of Royal Blue, Shade of Dark Slate Blue, Tint of Midnight Blue
Color scheme was created by mz

Color codes in palette

Trello Blue colors palette color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#e4f0f6#e4f0f6RGB(228, 240, 246)Trello Blue 50—
#bcd9ea#bcd9eaRGB(188, 217, 234)Trello Blue 100—
#8bbdd9#8bbdd9RGB(139, 189, 217)Trello Blue 200—
#5ba4cf#5ba4cfRGB(91, 164, 207)Trello Blue 300—
#298fca#298fcaRGB(41, 143, 202)Trello Blue 400—
#0079bf#0079bfRGB(0, 121, 191)Trello Blue 500—
#026aa7#026aa7RGB(2, 106, 167)Trello Blue 600—
#055a8c#055a8cRGB(5, 90, 140)Trello Blue 700—
#094c72#094c72RGB(9, 76, 114)Trello Blue 800—
#0c3953#0c3953RGB(12, 57, 83)Trello Blue 900—

Color Palette Contrast

18 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#e4f0f6
#bcd9ea
1.26
#e4f0f6
#8bbdd9
1.74
#bcd9ea
#8bbdd9
1.37
#bcd9ea
#5ba4cf
1.86
#8bbdd9
#5ba4cf
1.35
#8bbdd9
#298fca
1.76

Image palette Trello Blue colors palette png

Trello Blue colors palette: Trello Blue 50, Trello Blue 100, Trello Blue 200, Trello Blue 300, Trello Blue 400
 Download image