Loading...
Created at 05/26/2021 16:05
  0.25k

App typography ui design palette

  • #ecb444
  • #84bce4
  • #04549e
  • #c49cac
  • #ccb4bc
  • #2a2c34
Loading...
The palette consists of Light, Dark colors. Accent colors #ecb444 and #04549e. Palette has Warm, Cool, Neutral colors temperature.

By lightness, this palette runs from #2A2C34 (darkest) to #CCB4BC (lightest). The lightness range is wide.

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

HEX codes (sorted): #04549E, #2A2C34, #84BCE4, #C49CAC, #CCB4BC, #ECB444

Palette App typography ui design palette has combination of 6 codes colors:
HEX: #ecb444, RGB: (236, 180, 68); HEX: #84bce4, RGB: (132, 188, 228); HEX: #04549e, RGB: (4, 84, 158)
HEX: #c49cac, RGB: (196, 156, 172); HEX: #ccb4bc, RGB: (204, 180, 188); HEX: #2a2c34, RGB: (42, 44, 52)
Simplified version of palette colors
Shade of goldenrod, Tint of lightskyblue, Tint of royalblue, Shade of rosybrown, Tint of thistle, Shade of Black
Color scheme was created by colorswall

Colors codes in palette

App typography ui design palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#ecb444 #ecb444 RGB(236, 180, 68)
#84bce4 #84bce4 RGB(132, 188, 228)
#04549e #04549e RGB(4, 84, 158)
#c49cac #c49cac RGB(196, 156, 172)
#ccb4bc #ccb4bc RGB(204, 180, 188)
#2a2c34 #2a2c34 RGB(42, 44, 52)

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#ecb444
#84bce4
1.08
#ecb444
#c49cac
1.28
#ecb444
#ccb4bc
1.03
#84bce4
#c49cac
1.18
#84bce4
#ccb4bc
1.05
#04549e
#2a2c34
1.83

Image palette App typography ui design palette png

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