Generate Palette
  1. Colors palettes
  2. Carbon default theme colors palette
Created at 05/23/2018 08:23
bycolorswall
  2.12k

Carbon default theme colors palette

  • brand-01
    #3d70b2
  • brand-02
    #5596e6
  • brand-03
    #41d6c3
  • ui-01
    #ffffff
  • ui-02
    #f4f7fb
  • ui-03
    #dfe3e6
  • ui-04
    #8897a2
  • ui-05
    #5a6872
  • text-01
    #152934
  • text-02
    #5a6872
  • text-03
    #cdd1d4
  • inverse-01
    #ffffff
  • field-01
    #f4f7fb
The palette consists of Light, Dark colors. Accent colors brand-02 #5596e6 and ui-01 #ffffff and inverse-01 #ffffff. Palette has Cool, Neutral colors temperature.

By lightness, this palette runs from #152934 (darkest) to #FFFFFF (lightest). The lightness range is wide.

Saturation is mixed — some muted swatches and some vivid accents.

Hue spacing suggests a mostly analogous cluster (loose heuristic, not a strict color-theory label).

Overall temperature among swatches leans cool.

HEX codes (sorted): #152934, #3D70B2, #41D6C3, #5596E6, #5A6872, #8897A2, #CDD1D4, #DFE3E6, #F4F7FB, #FFFFFF

Palette Carbon default theme colors palette has combination of 13 codes colors:
HEX: #3d70b2, RGB: (61, 112, 178); HEX: #5596e6, RGB: (85, 150, 230); HEX: #41d6c3, RGB: (65, 214, 195)
HEX: #ffffff, RGB: (255, 255, 255); HEX: #f4f7fb, RGB: (244, 247, 251); HEX: #dfe3e6, RGB: (223, 227, 230)
HEX: #8897a2, RGB: (136, 151, 162); HEX: #5a6872, RGB: (90, 104, 114); HEX: #152934, RGB: (21, 41, 52)
HEX: #5a6872, RGB: (90, 104, 114); HEX: #cdd1d4, RGB: (205, 209, 212); HEX: #ffffff, RGB: (255, 255, 255)
HEX: #f4f7fb, RGB: (244, 247, 251)
Simplified version of palette colors
Tint of steelblue, Tint of cornflowerblue, Tint of turquoise, White, Tint of ghostwhite, Shade of gainsboro, Shade of lightslategrey, Tint of dimgrey, Shade of midnightblue, Tint of dimgrey, Tint of lightgrey, White, Tint of ghostwhite
Color scheme was created by colorswall

Colors codes in palette

Carbon default theme colors palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#3d70b2 #3d70b2 RGB(61, 112, 178)brand-01—
#5596e6 #5596e6 RGB(85, 150, 230)brand-02—
#41d6c3 #41d6c3 RGB(65, 214, 195)brand-03—
#ffffff #ffffff RGB(255, 255, 255)ui-01White
#f4f7fb #f4f7fb RGB(244, 247, 251)ui-02—
#dfe3e6 #dfe3e6 RGB(223, 227, 230)ui-03—
#8897a2 #8897a2 RGB(136, 151, 162)ui-04—
#5a6872 #5a6872 RGB(90, 104, 114)ui-05—
#152934 #152934 RGB(21, 41, 52)text-01—
#5a6872 #5a6872 RGB(90, 104, 114)text-02—
#cdd1d4 #cdd1d4 RGB(205, 209, 212)text-03—
#ffffff #ffffff RGB(255, 255, 255)inverse-01White
#f4f7fb #f4f7fb RGB(244, 247, 251)field-01—

Color Palette Contrast

35 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#3d70b2
#5596e6
1.65
#3d70b2
#8897a2
1.68
#3d70b2
#5a6872
1.13
#3d70b2
#5a6872
1.13
#5596e6
#41d6c3
1.68
#5596e6
#8897a2
1.01

Image palette Carbon default theme colors palette png

Carbon default theme colors palette - #156
 Download image