Created at 03/04/2020 22:20
  0.27k

Figma ux wireframe component library colours

  • #e12734
  • #ecb698
  • #284866
  • #889299
  • #bbbbc0
  • #3d4040
The palette consists of Light colors. Accent colors #e12734 and #284866. Palette has Warm, Cool, Neutral colors temperature.

By lightness, this palette runs from #3D4040 (darkest) to #ECB698 (lightest). The lightness range is moderate.

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): #284866, #3D4040, #889299, #BBBBC0, #E12734, #ECB698

Palette Figma ux wireframe component library colours has combination of 6 codes colors:
HEX: #e12734, RGB: (225, 39, 52); HEX: #ecb698, RGB: (236, 182, 152); HEX: #284866, RGB: (40, 72, 102)
HEX: #889299, RGB: (136, 146, 153); HEX: #bbbbc0, RGB: (187, 187, 192); HEX: #3d4040, RGB: (61, 64, 64)
Simplified version of palette colors
Shade of crimson, Shade of lightsalmon, Tint of darkslateblue, Shade of lightslategrey, Tint of Silver, Tint of darkslategrey
Color scheme was created by colorswall

Colors codes in palette

Figma ux wireframe component library colours color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#e12734 #e12734 RGB(225, 39, 52)
#ecb698 #ecb698 RGB(236, 182, 152)
#284866 #284866 RGB(40, 72, 102)
#889299 #889299 RGB(136, 146, 153)
#bbbbc0 #bbbbc0 RGB(187, 187, 192)
#3d4040 #3d4040 RGB(61, 64, 64)

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#e12734
#889299
1.45
#ecb698
#889299
1.76
#ecb698
#bbbbc0
1.06
#284866
#3d4040
1.1
#889299
#bbbbc0
1.65

Image palette Figma ux wireframe component library colours png