Loading...
Created at 02/16/2022 14:09
  0.14k

Ui figma app ux colors

  • Chinese Green
    #d6cc54
  • Pale Cerulean
    #99c0e6
  • Old Moss Green
    #847c34
  • Bronze (Metallic)
    #a29e54
  • Light Medium Orchid
    #d6a4c1
  • Arsenic
    #3d424c
Loading...
The palette consists of Light colors. Accent colors Chinese Green #d6cc54 and Pale Cerulean #99c0e6. Palette has Warm, Cool, Neutral colors temperature.

By lightness, this palette runs from #3D424C (darkest) to #99C0E6 (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 warm.

HEX codes (sorted): #3D424C, #847C34, #99C0E6, #A29E54, #D6A4C1, #D6CC54

Palette Ui figma app ux colors has combination of 6 codes colors:
HEX: #d6cc54, RGB: (214, 204, 84); HEX: #99c0e6, RGB: (153, 192, 230); HEX: #847c34, RGB: (132, 124, 52)
HEX: #a29e54, RGB: (162, 158, 84); HEX: #d6a4c1, RGB: (214, 164, 193); HEX: #3d424c, RGB: (61, 66, 76)
Simplified version of palette colors
Tint of Khaki, Tint of lightsteelblue, Shade of Olive, Tint of darkkhaki, Tint of plum, Tint of darkslategrey
Color scheme was created by colorswall

Colors codes in palette

Ui figma app ux colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#d6cc54 #d6cc54 RGB(214, 204, 84)Chinese Green
#99c0e6 #99c0e6 RGB(153, 192, 230)Pale Cerulean
#847c34 #847c34 RGB(132, 124, 52)Old Moss Green
#a29e54 #a29e54 RGB(162, 158, 84)Bronze (Metallic)
#d6a4c1 #d6a4c1 RGB(214, 164, 193)Light Medium Orchid
#3d424c #3d424c RGB(61, 66, 76)Arsenic

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#d6cc54
#99c0e6
1.14
#d6cc54
#a29e54
1.67
#d6cc54
#d6a4c1
1.27
#99c0e6
#a29e54
1.46
#99c0e6
#d6a4c1
1.11
#847c34
#a29e54
1.53

Image palette Ui figma app ux colors png

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