Loading...
Created at 04/29/2021 15:11
  0.27k

Ui app design palette

  • #ec8823
  • #f6da70
  • #c79a08
  • #566da7
  • #cf9ca5
  • #78653f
Loading...
The palette consists of Light colors. Accent colors #c79a08 and #566da7. Palette has Warm, Cool colors temperature.

By lightness, this palette runs from #78653F (darkest) to #CF9CA5 (lightest). The lightness range is moderate.

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): #566DA7, #78653F, #C79A08, #CF9CA5, #EC8823, #F6DA70

Palette Ui app design palette has combination of 6 codes colors:
HEX: #ec8823, RGB: (236, 136, 35); HEX: #f6da70, RGB: (246, 218, 112); HEX: #c79a08, RGB: (199, 154, 8)
HEX: #566da7, RGB: (86, 109, 167); HEX: #cf9ca5, RGB: (207, 156, 165); HEX: #78653f, RGB: (120, 101, 63)
Simplified version of palette colors
Tint of darkorange, Tint of Khaki, Tint of goldenrod, Shade of royalblue, Shade of rosybrown, Shade of darkolivegreen
Color scheme was created by colorswall

Colors codes in palette

Ui app design palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#ec8823 #ec8823 RGB(236, 136, 35)
#f6da70 #f6da70 RGB(246, 218, 112)
#c79a08 #c79a08 RGB(199, 154, 8)
#566da7 #566da7 RGB(86, 109, 167)
#cf9ca5 #cf9ca5 RGB(207, 156, 165)
#78653f #78653f RGB(120, 101, 63)

Color Palette Contrast

9 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#ec8823
#f6da70
1.87
#ec8823
#c79a08
1
#ec8823
#566da7
1.95
#ec8823
#cf9ca5
1.1
#f6da70
#c79a08
1.88
#f6da70
#cf9ca5
1.69

Image palette Ui app design palette png

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