Dailyui task manager uidesign design palette

  • #1eccc8
  • #bbc3fb
  • #414898
  • #875f9a
  • #b3bcc4
  • #2d326b
  0.22k

Dailyui task manager uidesign design palette has 6 colors spread across many hues. The lightest color is Light Steel Blue (#BBC3FB), the darkest Dark Slate Blue (#2D326B). Its strongest contrast pair is #2D326B on #BBC3FB (6.9:1, WCAG AA).

Created at 11/10/2019 21:28
The palette consists of Light, Semi dark colors. Accent colors #1eccc8 and #bbc3fb. Palette has Cool colors temperature.

By lightness, this palette runs from #2D326B (darkest) to #BBC3FB (lightest). The lightness range is moderate.

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

The hues stay in one region of the color wheel, spanning about 102°.

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

HEX codes (sorted): #1ECCC8, #2D326B, #414898, #875F9A, #B3BCC4, #BBC3FB

Palette Dailyui task manager uidesign design palette combines 6 color codes:
HEX: #1eccc8, RGB: (30, 204, 200); HEX: #bbc3fb, RGB: (187, 195, 251); HEX: #414898, RGB: (65, 72, 152)
HEX: #875f9a, RGB: (135, 95, 154); HEX: #b3bcc4, RGB: (179, 188, 196); HEX: #2d326b, RGB: (45, 50, 107)
Simplified version of palette colors
Shade of Medium Turquoise, Tint of Light Steel Blue, Tint of Dark Slate Blue, Shade of Medium Purple, Shade of Silver, Shade of Dark Slate Blue
Color scheme was created by colorswall

Color codes in palette

Dailyui task manager uidesign design palette color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#1eccc8#1eccc8RGB(30, 204, 200)——
#bbc3fb#bbc3fbRGB(187, 195, 251)——
#414898#414898RGB(65, 72, 152)——
#875f9a#875f9aRGB(135, 95, 154)—Wisteria Purple
#b3bcc4#b3bcc4RGB(179, 188, 196)——
#2d326b#2d326bRGB(45, 50, 107)——

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#1eccc8
#bbc3fb
1.16
#1eccc8
#b3bcc4
1.03
#bbc3fb
#b3bcc4
1.12
#414898
#875f9a
1.58
#414898
#2d326b
1.46

Image palette Dailyui task manager uidesign design palette png