Created at 03/09/2020 10:44
  0.32k

Figma web-design checkout design colours

  • #fcf404
  • #f8ca61
  • #064494
  • #afa56c
  • #cec1a1
  • #5b412a
The palette consists of Light colors. Accent colors #fcf404 and #064494. Palette has Warm, Cool colors temperature.

By lightness, this palette runs from #5B412A (darkest) to #CEC1A1 (lightest). The lightness range is moderate.

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

HEX codes (sorted): #064494, #5B412A, #AFA56C, #CEC1A1, #F8CA61, #FCF404

Palette Figma web-design checkout design colours has combination of 6 codes colors:
HEX: #fcf404, RGB: (252, 244, 4); HEX: #f8ca61, RGB: (248, 202, 97); HEX: #064494, RGB: (6, 68, 148)
HEX: #afa56c, RGB: (175, 165, 108); HEX: #cec1a1, RGB: (206, 193, 161); HEX: #5b412a, RGB: (91, 65, 42)
Simplified version of palette colors
Tint of Yellow, Shade of gold, Tint of darkslateblue, Tint of darkkhaki, Shade of tan, Tint of saddlebrown
Color scheme was created by colorswall

Colors codes in palette

Figma web-design checkout design colours color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#fcf404 #fcf404 RGB(252, 244, 4)
#f8ca61 #f8ca61 RGB(248, 202, 97)
#064494 #064494 RGB(6, 68, 148)
#afa56c #afa56c RGB(175, 165, 108)
#cec1a1 #cec1a1 RGB(206, 193, 161)
#5b412a #5b412a RGB(91, 65, 42)

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#fcf404
#f8ca61
1.32
#fcf404
#cec1a1
1.53
#f8ca61
#afa56c
1.61
#f8ca61
#cec1a1
1.15
#064494
#5b412a
1.01
#afa56c
#cec1a1
1.39

Image palette Figma web-design checkout design colours png