Created at 11/23/2020 13:33
  0.3k

Figma ui ux visual design app colors palette

  • #c13942
  • #8be2f8
  • #661e23
  • #6b7aaa
  • #d2b3ba
  • #394330
The palette consists of Semi dark, Light, Dark colors. Accent colors #8be2f8 and #661e23. Palette has Warm, Cool, Neutral colors temperature.

By lightness, this palette runs from #394330 (darkest) to #D2B3BA (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).

Warm and cool swatches are fairly balanced.

HEX codes (sorted): #394330, #661E23, #6B7AAA, #8BE2F8, #C13942, #D2B3BA

Palette Figma ui ux visual design app colors palette has combination of 6 codes colors:
HEX: #c13942, RGB: (193, 57, 66); HEX: #8be2f8, RGB: (139, 226, 248); HEX: #661e23, RGB: (102, 30, 35)
HEX: #6b7aaa, RGB: (107, 122, 170); HEX: #d2b3ba, RGB: (210, 179, 186); HEX: #394330, RGB: (57, 67, 48)
Simplified version of palette colors
Shade of crimson, Shade of skyblue, Shade of Maroon, Tint of slategrey, Tint of thistle, Tint of darkslategrey
Color scheme was created by colorswall

Colors codes in palette

Figma ui ux visual design app colors palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#c13942 #c13942 RGB(193, 57, 66)
#8be2f8 #8be2f8 RGB(139, 226, 248)
#661e23 #661e23 RGB(102, 30, 35)
#6b7aaa #6b7aaa RGB(107, 122, 170)
#d2b3ba #d2b3ba RGB(210, 179, 186)
#394330 #394330 RGB(57, 67, 48)

Color Palette Contrast

4 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#c13942
#6b7aaa
1.26
#c13942
#394330
1.94
#8be2f8
#d2b3ba
1.31
#661e23
#394330
1.13

Image palette Figma ui ux visual design app colors palette png