Created at 09/29/2021 03:02
  0.22k

Design ui palette

  • #6999e9
  • #f19d91
  • #0c1c23
  • #ac7c5c
  • #ce9ea4
  • #2f3d5d
The palette consists of Light, Dark colors. Accent colors #6999e9 and #f19d91. Palette has Cool, Warm, Neutral colors temperature.

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

Saturation sits in a moderate mid-range.

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

Overall temperature among swatches leans warm.

HEX codes (sorted): #0C1C23, #2F3D5D, #6999E9, #AC7C5C, #CE9EA4, #F19D91

Palette Design ui palette has combination of 6 codes colors:
HEX: #6999e9, RGB: (105, 153, 233); HEX: #f19d91, RGB: (241, 157, 145); HEX: #0c1c23, RGB: (12, 28, 35)
HEX: #ac7c5c, RGB: (172, 124, 92); HEX: #ce9ea4, RGB: (206, 158, 164); HEX: #2f3d5d, RGB: (47, 61, 93)
Simplified version of palette colors
Shade of cornflowerblue, Shade of darksalmon, Shade of Black, Tint of peru, Shade of rosybrown, Tint of darkslateblue
Color scheme was created by colorswall

Colors codes in palette

Design ui palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#6999e9 #6999e9 RGB(105, 153, 233)
#f19d91 #f19d91 RGB(241, 157, 145)
#0c1c23 #0c1c23 RGB(12, 28, 35)
#ac7c5c #ac7c5c RGB(172, 124, 92)
#ce9ea4 #ce9ea4 RGB(206, 158, 164)
#2f3d5d #2f3d5d RGB(47, 61, 93)

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#6999e9
#f19d91
1.35
#6999e9
#ac7c5c
1.26
#6999e9
#ce9ea4
1.23
#f19d91
#ac7c5c
1.72
#f19d91
#ce9ea4
1.1
#0c1c23
#2f3d5d
1.61

Image palette Design ui palette png