Created at 12/23/2021 11:50
  0.16k

Clean design uiux mockups finance app colors palette

  • #43b5bb
  • #b7dce1
  • #286c70
  • #9c7163
  • #71a7ae
  • #243434
The palette consists of Light, Semi dark, Dark colors. Accent colors #286c70 and #9c7163. Palette has Cool, Warm colors temperature.

By lightness, this palette runs from #243434 (darkest) to #B7DCE1 (lightest). The lightness range is wide.

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

HEX codes (sorted): #243434, #286C70, #43B5BB, #71A7AE, #9C7163, #B7DCE1

Palette Clean design uiux mockups finance app colors palette has combination of 6 codes colors:
HEX: #43b5bb, RGB: (67, 181, 187); HEX: #b7dce1, RGB: (183, 220, 225); HEX: #286c70, RGB: (40, 108, 112)
HEX: #9c7163, RGB: (156, 113, 99); HEX: #71a7ae, RGB: (113, 167, 174); HEX: #243434, RGB: (36, 52, 52)
Simplified version of palette colors
Shade of lightseagreen, Tint of powderblue, Tint of Teal, Tint of rosybrown, Shade of cadetblue, Tint of darkslategrey
Color scheme was created by colorswall

Colors codes in palette

Clean design uiux mockups finance app colors palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#43b5bb #43b5bb RGB(67, 181, 187)
#b7dce1 #b7dce1 RGB(183, 220, 225)
#286c70 #286c70 RGB(40, 108, 112)
#9c7163 #9c7163 RGB(156, 113, 99)
#71a7ae #71a7ae RGB(113, 167, 174)
#243434 #243434 RGB(36, 52, 52)

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#43b5bb
#b7dce1
1.67
#43b5bb
#9c7163
1.72
#43b5bb
#71a7ae
1.09
#b7dce1
#71a7ae
1.82
#286c70
#9c7163
1.42
#9c7163
#71a7ae
1.58

Image palette Clean design uiux mockups finance app colors palette png