Created at 06/24/2022 06:40
  0.12k

Gradient interface dailyui ux colors

  • Coyote Brown
    #885d40
  • Diamond
    #bdecf3
  • Japanese Indigo
    #24444c
  • Cadet Blue
    #609aa2
  • Light Steel Blue
    #afcbd9
  • Dark Slate Gray
    #345253
The palette consists of Light colors. Accent colors Coyote Brown #885d40 and Diamond #bdecf3. Palette has Warm, Cool colors temperature.

By lightness, this palette runs from #24444C (darkest) to #BDECF3 (lightest). The lightness range is wide.

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

Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).

Overall temperature among swatches leans cool.

HEX codes (sorted): #24444C, #345253, #609AA2, #885D40, #AFCBD9, #BDECF3

Palette Gradient interface dailyui ux colors has combination of 6 codes colors:
HEX: #885d40, RGB: (136, 93, 64); HEX: #bdecf3, RGB: (189, 236, 243); HEX: #24444c, RGB: (36, 68, 76)
HEX: #609aa2, RGB: (96, 154, 162); HEX: #afcbd9, RGB: (175, 203, 217); HEX: #345253, RGB: (52, 82, 83)
Simplified version of palette colors
Shade of sienna, Shade of powderblue, Tint of darkslategrey, Tint of cadetblue, Tint of lightblue, Shade of darkslategrey
Color scheme was created by colorswall

Colors codes in palette

Gradient interface dailyui ux colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#885d40 #885d40 RGB(136, 93, 64)Coyote Brown
#bdecf3 #bdecf3 RGB(189, 236, 243)Diamond
#24444c #24444c RGB(36, 68, 76)Japanese Indigo
#609aa2 #609aa2 RGB(96, 154, 162)Cadet Blue
#afcbd9 #afcbd9 RGB(175, 203, 217)Light Steel Blue
#345253 #345253 RGB(52, 82, 83)Dark Slate Gray

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#885d40
#24444c
1.83
#885d40
#609aa2
1.8
#885d40
#345253
1.48
#bdecf3
#afcbd9
1.33
#24444c
#345253
1.23
#609aa2
#afcbd9
1.86

Image palette Gradient interface dailyui ux colors png