Loading...
Created at 04/21/2020 05:55
  0.24k

Ui user flow interaction design ux palette

  • #d0cc3d
  • #ddd799
  • #130543
  • #757394
  • #bcbfc6
  • #39424d
Loading...
The palette consists of Light, Dark colors. Accent colors #d0cc3d and #130543. Palette has Warm, Cool colors temperature.

By lightness, this palette runs from #130543 (darkest) to #BCBFC6 (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): #130543, #39424D, #757394, #BCBFC6, #D0CC3D, #DDD799

Palette Ui user flow interaction design ux palette has combination of 6 codes colors:
HEX: #d0cc3d, RGB: (208, 204, 61); HEX: #ddd799, RGB: (221, 215, 153); HEX: #130543, RGB: (19, 5, 67)
HEX: #757394, RGB: (117, 115, 148); HEX: #bcbfc6, RGB: (188, 191, 198); HEX: #39424d, RGB: (57, 66, 77)
Simplified version of palette colors
Tint of Khaki, Tint of palegoldenrod, Tint of midnightblue, Tint of slategrey, Tint of Silver, Tint of darkslategrey
Color scheme was created by colorswall

Colors codes in palette

Ui user flow interaction design ux palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#d0cc3d #d0cc3d RGB(208, 204, 61)
#ddd799 #ddd799 RGB(221, 215, 153)
#130543 #130543 RGB(19, 5, 67)
#757394 #757394 RGB(117, 115, 148)
#bcbfc6 #bcbfc6 RGB(188, 191, 198)
#39424d #39424d RGB(57, 66, 77)

Color Palette Contrast

4 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#d0cc3d
#ddd799
1.15
#d0cc3d
#bcbfc6
1.08
#ddd799
#bcbfc6
1.24
#130543
#39424d
1.82

Image palette Ui user flow interaction design ux palette png

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