Loading...
Created at 12/04/2020 13:42
  0.24k

Design figma ui calculator

  • #f2ad0c
  • #fbe4af
  • #7e5906
  • #8c8c8c
  • #d1b1b0
  • #231c13
Loading...
The palette consists of Light, Semi dark, Dark colors. Accent colors #f2ad0c and #7e5906. Palette has Warm, Neutral colors temperature.

By lightness, this palette runs from #231C13 (darkest) to #FBE4AF (lightest). The lightness range is wide.

Saturation is mixed — some muted swatches and some vivid accents.

Hue spacing suggests a mostly analogous cluster (loose heuristic, not a strict color-theory label).

Overall temperature among swatches leans warm.

HEX codes (sorted): #231C13, #7E5906, #8C8C8C, #D1B1B0, #F2AD0C, #FBE4AF

Palette Design figma ui calculator has combination of 6 codes colors:
HEX: #f2ad0c, RGB: (242, 173, 12); HEX: #fbe4af, RGB: (251, 228, 175); HEX: #7e5906, RGB: (126, 89, 6)
HEX: #8c8c8c, RGB: (140, 140, 140); HEX: #d1b1b0, RGB: (209, 177, 176); HEX: #231c13, RGB: (35, 28, 19)
Simplified version of palette colors
Shade of goldenrod, Tint of moccasin, Shade of saddlebrown, Shade of Grey, Shade of rosybrown, Shade of Black
Color scheme was created by colorswall

Colors codes in palette

Design figma ui calculator color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#f2ad0c #f2ad0c RGB(242, 173, 12)
#fbe4af #fbe4af RGB(251, 228, 175)Khaki Core
#7e5906 #7e5906 RGB(126, 89, 6)
#8c8c8c #8c8c8c RGB(140, 140, 140)Gray55
#d1b1b0 #d1b1b0 RGB(209, 177, 176)
#231c13 #231c13 RGB(35, 28, 19)

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#f2ad0c
#fbe4af
1.56
#f2ad0c
#8c8c8c
1.72
#f2ad0c
#d1b1b0
1.01
#fbe4af
#d1b1b0
1.58
#7e5906
#8c8c8c
1.88
#8c8c8c
#d1b1b0
1.7

Image palette Design figma ui calculator png

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