User interfaces app website animation colors palette

  • #fc8c34
  • #fcb474
  • #ab1a2b
  • #964302
  • #954803
  • #0d0c14
  0.26k

User interfaces app website animation colors palette has 6 colors, mostly orange. The lightest color is Sandy Brown (#FCB474), the darkest Black (#0D0C14). Its strongest contrast pair is #0D0C14 on #FCB474 (11.0:1, WCAG AAA).

Created at 08/12/2020 18:54
The palette consists of Light, Semi dark, Dark colors. Accent colors #964302 and #0d0c14. Palette has Warm, Neutral colors temperature.

By lightness, this palette runs from #0D0C14 (darkest) to #FCB474 (lightest). The lightness range is wide.

Overall saturation feels vivid (higher chroma) — 83% of colors are vivid.

A varied palette: its hues are spread across about 141° of the color wheel.

Overall temperature among swatches leans warm (5 of 6).

HEX codes (sorted): #0D0C14, #954803, #964302, #AB1A2B, #FC8C34, #FCB474

Palette User interfaces app website animation colors palette combines 6 color codes:
HEX: #fc8c34, RGB: (252, 140, 52); HEX: #fcb474, RGB: (252, 180, 116); HEX: #ab1a2b, RGB: (171, 26, 43)
HEX: #964302, RGB: (150, 67, 2); HEX: #954803, RGB: (149, 72, 3); HEX: #0d0c14, RGB: (13, 12, 20)
Simplified version of palette colors
Tint of Dark Orange, Tint of Sandy Brown, Shade of Brown, Tint of Saddle Brown, Tint of Saddle Brown, Tint of Black
Color scheme was created by colorswall

Color codes in palette

User interfaces app website animation colors palette color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#fc8c34#fc8c34RGB(252, 140, 52)——
#fcb474#fcb474RGB(252, 180, 116)——
#ab1a2b#ab1a2bRGB(171, 26, 43)——
#964302#964302RGB(150, 67, 2)——
#954803#954803RGB(149, 72, 3)——
#0d0c14#0d0c14RGB(13, 12, 20)——

Color Palette Contrast

4 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#fc8c34
#fcb474
1.33
#ab1a2b
#964302
1.06
#ab1a2b
#954803
1.1
#964302
#954803
1.03

Image palette User interfaces app website animation colors palette png