Sign Up Sign Up
4-Color Spooky Tangerine Palette

4-Color Spooky Tangerine Palette

4-color palette · Warm · Dark · Complementary harmony

Back to Library

4-Color Spooky Tangerine Palette

4-color palette · Warm temperature · Dark tone · Complementary harmony

Modify
Vibrant 4 colors Warm Dark Complementary
Likes 3,862
Colors 4

CSS variables

:root {
  --c-vibrant-1: #282D4F;
  --c-vibrant-2: #23103A;
  --c-vibrant-3: #A0204C;
  --c-vibrant-4: #FF6C00;
}

About this palette

This 4-color vibrant palette runs from Spooky Tangerine (#FF6C00) as its lightest tone to Blacklist (#23103A) as its darkest. It blends Lucky Point, Blacklist, Cherries Jubilee and Spooky Tangerine into a single set you can drop straight into a UI. Of its 6 color pairings, 2 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #23103A on #FF6C00 at 6.13:1.

A versatile palette suitable for marketing pages, product hero blocks, illustrations, and accent UI states.

Color breakdown

Lucky Point #282D4F
RGB
rgb(40, 45, 79)
HSL
hsl(232, 33%, 23%)
Luminance
0.029
Blacklist #23103A
RGB
rgb(35, 16, 58)
HSL
hsl(267, 57%, 15%)
Luminance
0.010
Cherries Jubilee #A0204C
RGB
rgb(160, 32, 76)
HSL
hsl(339, 67%, 38%)
Luminance
0.090
Spooky Tangerine #FF6C00
RGB
rgb(255, 108, 0)
HSL
hsl(25, 100%, 50%)
Luminance
0.320

Contrast & accessibility

2 of 6 color pairings meet the WCAG AA contrast threshold (4.5:1) for body text.

Aa #23103A on #FF6C00 6.13:1 AA
Aa #282D4F on #FF6C00 4.69:1 AA
Aa #A0204C on #FF6C00 2.64:1 Fail
Aa #23103A on #A0204C 2.33:1 Fail
Aa #282D4F on #A0204C 1.78:1 Fail
Aa #282D4F on #23103A 1.31:1 Fail

Similar palettes

#000000 #3D0000 #950101 #FF0000
4 colors
#E23E57 #88304E #522546 #311D3F
4 colors
#FF204E #A0153E #5D0E41 #00224D
4 colors
#030637 #3C0753 #720455 #910A67
4 colors
#1C0A00 #361500 #603601 #CC9544
4 colors
#252525 #FF0000 #AF0404 #414141
4 colors
#362222 #171010 #423F3E #2B2B2B
4 colors
#1A1A1D #3B1C32 #6A1E55 #A64D79
4 colors