Loading...
Created at 02/03/2021 14:07
  0.19k

Uidesign ux ui webapp colors palette

  • #e8532c
  • #f1c2b3
  • #1c9698
  • #5a8caa
  • #cca8a2
  • #5b5834
Loading...
The palette consists of Light, Semi dark colors. Accent colors #e8532c and #1c9698. Palette has Warm, Cool colors temperature.

By lightness, this palette runs from #5B5834 (darkest) to #F1C2B3 (lightest). The lightness range is moderate.

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 warm.

HEX codes (sorted): #1C9698, #5A8CAA, #5B5834, #CCA8A2, #E8532C, #F1C2B3

Palette Uidesign ux ui webapp colors palette has combination of 6 codes colors:
HEX: #e8532c, RGB: (232, 83, 44); HEX: #f1c2b3, RGB: (241, 194, 179); HEX: #1c9698, RGB: (28, 150, 152)
HEX: #5a8caa, RGB: (90, 140, 170); HEX: #cca8a2, RGB: (204, 168, 162); HEX: #5b5834, RGB: (91, 88, 52)
Simplified version of palette colors
Shade of orangered, Tint of mistyrose, Shade of darkcyan, Shade of steelblue, Shade of rosybrown, Tint of darkolivegreen
Color scheme was created by colorswall

Colors codes in palette

Uidesign ux ui webapp colors palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#e8532c #e8532c RGB(232, 83, 44)
#f1c2b3 #f1c2b3 RGB(241, 194, 179)
#1c9698 #1c9698 RGB(28, 150, 152)
#5a8caa #5a8caa RGB(90, 140, 170)
#cca8a2 #cca8a2 RGB(204, 168, 162)
#5b5834 #5b5834 RGB(91, 88, 52)

Color Palette Contrast

9 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#e8532c
#1c9698
1.02
#e8532c
#5a8caa
1.01
#e8532c
#cca8a2
1.69
#e8532c
#5b5834
1.97
#f1c2b3
#cca8a2
1.35
#1c9698
#5a8caa
1.01

Image palette Uidesign ux ui webapp colors palette png

Loading...
Loading...
Loading...