Created at 10/04/2019 06:19
  0.19k

Header ux sketch colors palette

  • #37a3c7
  • #f7dfd8
  • #11323d
  • #af735d
  • #dab2a9
  • #44241f
The palette consists of Light, Dark colors. Accent colors #37a3c7 and #f7dfd8. Palette has Cool, Neutral, Warm colors temperature.

By lightness, this palette runs from #11323D (darkest) to #F7DFD8 (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): #11323D, #37A3C7, #44241F, #AF735D, #DAB2A9, #F7DFD8

Palette Header ux sketch colors palette has combination of 6 codes colors:
HEX: #37a3c7, RGB: (55, 163, 199); HEX: #f7dfd8, RGB: (247, 223, 216); HEX: #11323d, RGB: (17, 50, 61)
HEX: #af735d, RGB: (175, 115, 93); HEX: #dab2a9, RGB: (218, 178, 169); HEX: #44241f, RGB: (68, 36, 31)
Simplified version of palette colors
Tint of deepskyblue, Tint of mistyrose, Tint of darkslategrey, Shade of sienna, Shade of rosybrown, Shade of Maroon
Color scheme was created by colorswall

Colors codes in palette

Header ux sketch colors palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#37a3c7 #37a3c7 RGB(55, 163, 199)
#f7dfd8 #f7dfd8 RGB(247, 223, 216)
#11323d #11323d RGB(17, 50, 61)
#af735d #af735d RGB(175, 115, 93)
#dab2a9 #dab2a9 RGB(218, 178, 169)
#44241f #44241f RGB(68, 36, 31)

Color Palette Contrast

4 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#37a3c7
#af735d
1.32
#37a3c7
#dab2a9
1.51
#f7dfd8
#dab2a9
1.51
#11323d
#44241f
1.01

Image palette Header ux sketch colors palette png