Created at 11/05/2019 19:12
  0.31k

Sketchapp uidesign mobile app ui palette

  • #fcb404
  • #f4cc64
  • #7a5c17
  • #bba372
  • #ccc4a4
  • #403824
The palette consists of Light, Semi dark colors. Accent colors #fcb404 and #f4cc64. Palette has Warm colors temperature.

By lightness, this palette runs from #403824 (darkest) to #CCC4A4 (lightest). The lightness range is moderate.

Saturation sits in a moderate mid-range.

Hue spacing suggests a mostly analogous cluster (loose heuristic, not a strict color-theory label).

Overall temperature among swatches leans warm.

HEX codes (sorted): #403824, #7A5C17, #BBA372, #CCC4A4, #F4CC64, #FCB404

Palette Sketchapp uidesign mobile app ui palette has combination of 6 codes colors:
HEX: #fcb404, RGB: (252, 180, 4); HEX: #f4cc64, RGB: (244, 204, 100); HEX: #7a5c17, RGB: (122, 92, 23)
HEX: #bba372, RGB: (187, 163, 114); HEX: #ccc4a4, RGB: (204, 196, 164); HEX: #403824, RGB: (64, 56, 36)
Simplified version of palette colors
Shade of Orange, Shade of gold, Shade of saddlebrown, Tint of tan, Shade of tan, Shade of Black
Color scheme was created by colorswall

Colors codes in palette

Sketchapp uidesign mobile app ui palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#fcb404 #fcb404 RGB(252, 180, 4)
#f4cc64 #f4cc64 RGB(244, 204, 100)
#7a5c17 #7a5c17 RGB(122, 92, 23)
#bba372 #bba372 RGB(187, 163, 114)
#ccc4a4 #ccc4a4 RGB(204, 196, 164)
#403824 #403824 RGB(64, 56, 36)

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#fcb404
#f4cc64
1.17
#fcb404
#bba372
1.35
#fcb404
#ccc4a4
1.02
#f4cc64
#bba372
1.59
#f4cc64
#ccc4a4
1.13
#7a5c17
#403824
1.86

Image palette Sketchapp uidesign mobile app ui palette png