Created at 09/07/2020 17:28
  0.26k

Map ui mobile app design colours

  • #fcbd1a
  • #fcecbc
  • #825e01
  • #708a8f
  • #e4ddc5
  • #653f36
The palette consists of Light, Semi dark colors. Accent colors #825e01 and #708a8f. Palette has Warm, Cool, Neutral colors temperature.

By lightness, this palette runs from #825E01 (darkest) to #FCECBC (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 warm.

HEX codes (sorted): #653F36, #708A8F, #825E01, #E4DDC5, #FCBD1A, #FCECBC

Palette Map ui mobile app design colours has combination of 6 codes colors:
HEX: #fcbd1a, RGB: (252, 189, 26); HEX: #fcecbc, RGB: (252, 236, 188); HEX: #825e01, RGB: (130, 94, 1)
HEX: #708a8f, RGB: (112, 138, 143); HEX: #e4ddc5, RGB: (228, 221, 197); HEX: #653f36, RGB: (101, 63, 54)
Simplified version of palette colors
Shade of goldenrod, Shade of moccasin, Shade of saddlebrown, Tint of lightslategrey, Tint of cornsilk, Tint of saddlebrown
Color scheme was created by colorswall

Colors codes in palette

Map ui mobile app design colours color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#fcbd1a #fcbd1a RGB(252, 189, 26)
#fcecbc #fcecbc RGB(252, 236, 188)
#825e01 #825e01 RGB(130, 94, 1)
#708a8f #708a8f RGB(112, 138, 143)
#e4ddc5 #e4ddc5 RGB(228, 221, 197)
#653f36 #653f36 RGB(101, 63, 54)

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#fcbd1a
#fcecbc
1.43
#fcbd1a
#e4ddc5
1.24
#fcecbc
#e4ddc5
1.15
#825e01
#708a8f
1.61
#825e01
#653f36
1.53

Image palette Map ui mobile app design colours png