Created at 02/17/2021 11:46
  0.28k

Ui design web interaction colors palette

  • #fb8424
  • #fcd474
  • #8c340c
  • #8c644c
  • #acacb4
  • #34241c
The palette consists of Light, Dark colors. Accent colors #fb8424 and #acacb4. Palette has Warm, Cool colors temperature.

By lightness, this palette runs from #34241C (darkest) to #FCD474 (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): #34241C, #8C340C, #8C644C, #ACACB4, #FB8424, #FCD474

Palette Ui design web interaction colors palette has combination of 6 codes colors:
HEX: #fb8424, RGB: (251, 132, 36); HEX: #fcd474, RGB: (252, 212, 116); HEX: #8c340c, RGB: (140, 52, 12)
HEX: #8c644c, RGB: (140, 100, 76); HEX: #acacb4, RGB: (172, 172, 180); HEX: #34241c, RGB: (52, 36, 28)
Simplified version of palette colors
Tint of darkorange, Tint of Khaki, Tint of saddlebrown, Shade of sienna, Shade of darkgrey, Shade of Black
Color scheme was created by colorswall

Colors codes in palette

Ui design web interaction colors palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#fb8424 #fb8424 RGB(251, 132, 36)
#fcd474 #fcd474 RGB(252, 212, 116)
#8c340c #8c340c RGB(140, 52, 12)
#8c644c #8c644c RGB(140, 100, 76)
#acacb4 #acacb4 RGB(172, 172, 180)
#34241c #34241c RGB(52, 36, 28)

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#fb8424
#fcd474
1.75
#fb8424
#acacb4
1.1
#fcd474
#acacb4
1.58
#8c340c
#8c644c
1.54
#8c340c
#34241c
1.84

Image palette Ui design web interaction colors palette png