Created at 08/22/2022 09:17
  0.15k

Clean ux guidelines components hex colors

  • Eucalyptus
    #2dd1a4
  • Aero Blue
    #ccf4e9
  • Salem
    #176d55
  • Dolphin Gray
    #818f8c
  • Jet Stream
    #bed0cf
  • Outer Space
    #404e4c
Loading...
The palette consists of Light, Semi dark colors. Accent colors Eucalyptus #2dd1a4 and Salem #176d55. Palette has Cool colors temperature.

By lightness, this palette runs from #176D55 (darkest) to #CCF4E9 (lightest). The lightness range is wide.

Saturation is mixed — 3 muted and 3 vivid out of 6 colors.

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

Overall temperature among swatches leans cool (6 of 6).

HEX codes (sorted): #176D55, #2DD1A4, #404E4C, #818F8C, #BED0CF, #CCF4E9

Palette Clean ux guidelines components hex colors combines 6 color codes:
HEX: #2dd1a4, RGB: (45, 209, 164); HEX: #ccf4e9, RGB: (204, 244, 233); HEX: #176d55, RGB: (23, 109, 85)
HEX: #818f8c, RGB: (129, 143, 140); HEX: #bed0cf, RGB: (190, 208, 207); HEX: #404e4c, RGB: (64, 78, 76)
Simplified version of palette colors
Shade of mediumaquamarine, Shade of lightcyan, Shade of Teal, Tint of Grey, Shade of lightblue, Tint of darkslategrey
Color scheme was created by colorswall

Colors codes in palette

Clean ux guidelines components hex colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#2dd1a4 #2dd1a4 RGB(45, 209, 164)Eucalyptus—
#ccf4e9 #ccf4e9 RGB(204, 244, 233)Aero Blue—
#176d55 #176d55 RGB(23, 109, 85)Salem—
#818f8c #818f8c RGB(129, 143, 140)Dolphin Gray—
#bed0cf #bed0cf RGB(190, 208, 207)Jet Stream—
#404e4c #404e4c RGB(64, 78, 76)Outer Space—

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#2dd1a4
#ccf4e9
1.64
#2dd1a4
#818f8c
1.72
#2dd1a4
#bed0cf
1.21
#ccf4e9
#bed0cf
1.34
#176d55
#818f8c
1.86
#176d55
#404e4c
1.39

Image palette Clean ux guidelines components hex colors png

Loading...
Loading...