Loading...
Created at 10/30/2020 12:08
  0.23k

Money app design minimal ux colours

  • #3564dc
  • #e392a5
  • #294cac
  • #546cac
  • #ddd9c0
  • #523332
Loading...
The palette consists of Semi dark, Light colors. Accent colors #3564dc and #e392a5. Palette has Cool, Warm, Neutral colors temperature.

By lightness, this palette runs from #523332 (darkest) to #DDD9C0 (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): #294CAC, #3564DC, #523332, #546CAC, #DDD9C0, #E392A5

Palette Money app design minimal ux colours has combination of 6 codes colors:
HEX: #3564dc, RGB: (53, 100, 220); HEX: #e392a5, RGB: (227, 146, 165); HEX: #294cac, RGB: (41, 76, 172)
HEX: #546cac, RGB: (84, 108, 172); HEX: #ddd9c0, RGB: (221, 217, 192); HEX: #523332, RGB: (82, 51, 50)
Simplified version of palette colors
Tint of royalblue, Shade of palevioletred, Shade of darkslateblue, Shade of royalblue, Tint of beige, Shade of Maroon
Color scheme was created by colorswall

Colors codes in palette

Money app design minimal ux colours color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#3564dc #3564dc RGB(53, 100, 220)
#e392a5 #e392a5 RGB(227, 146, 165)
#294cac #294cac RGB(41, 76, 172)
#546cac #546cac RGB(84, 108, 172)
#ddd9c0 #ddd9c0 RGB(221, 217, 192)
#523332 #523332 RGB(82, 51, 50)

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#3564dc
#294cac
1.47
#3564dc
#546cac
1.02
#e392a5
#ddd9c0
1.65
#294cac
#546cac
1.51
#294cac
#523332
1.45

Image palette Money app design minimal ux colours png

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