Loading...
Created at 11/15/2021 18:19
  0.16k

Figma website ui ux designer colours

  • #cf2d45
  • #98bce4
  • #941429
  • #a47055
  • #a9d6ac
  • #583a2c
Loading...
The palette consists of Semi dark, Light, Dark colors. Accent colors #98bce4 and #941429. Palette has Warm, Cool, Neutral colors temperature.

By lightness, this palette runs from #583A2C (darkest) to #A9D6AC (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): #583A2C, #941429, #98BCE4, #A47055, #A9D6AC, #CF2D45

Palette Figma website ui ux designer colours has combination of 6 codes colors:
HEX: #cf2d45, RGB: (207, 45, 69); HEX: #98bce4, RGB: (152, 188, 228); HEX: #941429, RGB: (148, 20, 41)
HEX: #a47055, RGB: (164, 112, 85); HEX: #a9d6ac, RGB: (169, 214, 172); HEX: #583a2c, RGB: (88, 58, 44)
Simplified version of palette colors
Shade of crimson, Tint of lightsteelblue, Tint of brown, Shade of sienna, Shade of darkseagreen, Tint of saddlebrown
Color scheme was created by colorswall

Colors codes in palette

Figma website ui ux designer colours color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#cf2d45 #cf2d45 RGB(207, 45, 69)
#98bce4 #98bce4 RGB(152, 188, 228)
#941429 #941429 RGB(148, 20, 41)
#a47055 #a47055 RGB(164, 112, 85)
#a9d6ac #a9d6ac RGB(169, 214, 172)
#583a2c #583a2c RGB(88, 58, 44)

Color Palette Contrast

4 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#cf2d45
#941429
1.72
#cf2d45
#a47055
1.22
#98bce4
#a9d6ac
1.21
#941429
#583a2c
1.16

Image palette Figma website ui ux designer colours png

Loading...
Loading...
Loading...