Loading...
Created at 12/10/2019 17:37
  0.22k

Ui minimal app design

  • #f7af0c
  • #f5c754
  • #09708b
  • #4d5d85
  • #e5d6c5
  • #2d3b4e
Loading...
The palette consists of Light, Semi dark colors. Accent colors #f7af0c and #09708b. Palette has Warm, Cool, Neutral colors temperature.

By lightness, this palette runs from #2D3B4E (darkest) to #E5D6C5 (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): #09708B, #2D3B4E, #4D5D85, #E5D6C5, #F5C754, #F7AF0C

Palette Ui minimal app design has combination of 6 codes colors:
HEX: #f7af0c, RGB: (247, 175, 12); HEX: #f5c754, RGB: (245, 199, 84); HEX: #09708b, RGB: (9, 112, 139)
HEX: #4d5d85, RGB: (77, 93, 133); HEX: #e5d6c5, RGB: (229, 214, 197); HEX: #2d3b4e, RGB: (45, 59, 78)
Simplified version of palette colors
Shade of Orange, Tint of gold, Tint of steelblue, Shade of darkslateblue, Tint of antiquewhite, Tint of darkslateblue
Color scheme was created by colorswall

Colors codes in palette

Ui minimal app design color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#f7af0c #f7af0c RGB(247, 175, 12)
#f5c754 #f5c754 RGB(245, 199, 84)
#09708b #09708b RGB(9, 112, 139)
#4d5d85 #4d5d85 RGB(77, 93, 133)
#e5d6c5 #e5d6c5 RGB(229, 214, 197)
#2d3b4e #2d3b4e RGB(45, 59, 78)

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#f7af0c
#f5c754
1.18
#f7af0c
#e5d6c5
1.33
#f5c754
#e5d6c5
1.11
#09708b
#4d5d85
1.14
#4d5d85
#2d3b4e
1.74

Image palette Ui minimal app design png

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