Loading...
Created at 09/30/2020 14:44
  0.34k

App ux user experience ui colors palette

  • #04c2c4
  • #fcc4a4
  • #0a4471
  • #9b766e
  • #a4ced6
  • #542c4c
Loading...
The palette consists of Light colors. Accent colors #04c2c4 and #fcc4a4. Palette has Cool, Warm, Neutral colors temperature.

By lightness, this palette runs from #0A4471 (darkest) to #FCC4A4 (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): #04C2C4, #0A4471, #542C4C, #9B766E, #A4CED6, #FCC4A4

Palette App ux user experience ui colors palette has combination of 6 codes colors:
HEX: #04c2c4, RGB: (4, 194, 196); HEX: #fcc4a4, RGB: (252, 196, 164); HEX: #0a4471, RGB: (10, 68, 113)
HEX: #9b766e, RGB: (155, 118, 110); HEX: #a4ced6, RGB: (164, 206, 214); HEX: #542c4c, RGB: (84, 44, 76)
Simplified version of palette colors
Tint of darkturquoise, Tint of peachpuff, Tint of darkslateblue, Tint of rosybrown, Tint of lightblue, Shade of Purple
Color scheme was created by colorswall

Colors codes in palette

App ux user experience ui colors palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#04c2c4 #04c2c4 RGB(4, 194, 196)
#fcc4a4 #fcc4a4 RGB(252, 196, 164)
#0a4471 #0a4471 RGB(10, 68, 113)
#9b766e #9b766e RGB(155, 118, 110)
#a4ced6 #a4ced6 RGB(164, 206, 214)
#542c4c #542c4c RGB(84, 44, 76)

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#04c2c4
#fcc4a4
1.42
#04c2c4
#9b766e
1.82
#04c2c4
#a4ced6
1.3
#fcc4a4
#a4ced6
1.09
#0a4471
#542c4c
1.12

Image palette App ux user experience ui colors palette png

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