Loading...
Created at 11/17/2022 10:49
  0.13k

Desktop web app ux design figma colors

  • Autumn Landscape
    #e47424
  • #b6a6e9
  • Bestial Red
    #932315
  • Aster Violetta
    #8c60a0
  • Simpatico Blue
    #a7c1d1
  • Bronze Tone
    #3c5029
Loading...
The palette consists of Light colors. Accent colors Autumn Landscape #e47424 and #b6a6e9. Palette has Warm, Cool colors temperature.

By lightness, this palette runs from #3C5029 (darkest) to #B6A6E9 (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): #3C5029, #8C60A0, #932315, #A7C1D1, #B6A6E9, #E47424

Palette Desktop web app ux design figma colors has combination of 6 codes colors:
HEX: #e47424, RGB: (228, 116, 36); HEX: #b6a6e9, RGB: (182, 166, 233); HEX: #932315, RGB: (147, 35, 21)
HEX: #8c60a0, RGB: (140, 96, 160); HEX: #a7c1d1, RGB: (167, 193, 209); HEX: #3c5029, RGB: (60, 80, 41)
Simplified version of palette colors
Shade of chocolate, Tint of plum, Shade of darkred, Tint of mediumorchid, Tint of lightsteelblue, Tint of darkolivegreen
Color scheme was created by colorswall

Colors codes in palette

Desktop web app ux design figma colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#e47424 #e47424 RGB(228, 116, 36)Autumn Landscape
#b6a6e9 #b6a6e9 RGB(182, 166, 233)
#932315 #932315 RGB(147, 35, 21)Bestial Red
#8c60a0 #8c60a0 RGB(140, 96, 160)Aster Violetta
#a7c1d1 #a7c1d1 RGB(167, 193, 209)Simpatico Blue
#3c5029 #3c5029 RGB(60, 80, 41)Bronze Tone

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#e47424
#b6a6e9
1.41
#e47424
#8c60a0
1.58
#e47424
#a7c1d1
1.64
#b6a6e9
#a7c1d1
1.16
#932315
#8c60a0
1.72
#932315
#3c5029
1.05

Image palette Desktop web app ux design figma colors png

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