Sign Up Sign Up
Haunted Hollows

Haunted Hollows

9-color palette · Warm · Dark · Triadic harmony

Back to Library

Haunted Hollows

9-color palette · Warm temperature · Dark tone · Triadic harmony

Modify
Vibrant 9 colors Warm Dark Triadic orange red purple spooky
Likes 115
Colors 9

CSS variables

:root {
  --c-vibrant-1: #060423;
  --c-vibrant-2: #0E0B38;
  --c-vibrant-3: #2B0D46;
  --c-vibrant-4: #4C1A4E;
  --c-vibrant-5: #791D46;
  --c-vibrant-6: #AD2340;
  --c-vibrant-7: #D65B49;
  --c-vibrant-8: #F28F61;
  --c-vibrant-9: #FAB269;
}

About this palette

This 9-color vibrant palette runs from Ripe Cantaloupe (#FAB269) as its lightest tone to Hadopelagic Water (#060423) as its darkest. It blends Hadopelagic Water, Grim Reaper, Oily Purple, Plunged Into Darkness, Caviar Couture, Bresaola, Flame Stitch, Orange Slice and Ripe Cantaloupe into a single set you can drop straight into a UI. Of its 36 color pairings, 11 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #060423 on #FAB269 at 11.09:1.

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

Color breakdown

Hadopelagic Water #060423
RGB
rgb(6, 4, 35)
HSL
hsl(244, 79%, 8%)
Luminance
0.003
Grim Reaper #0E0B38
RGB
rgb(14, 11, 56)
HSL
hsl(244, 67%, 13%)
Luminance
0.006
Oily Purple #2B0D46
RGB
rgb(43, 13, 70)
HSL
hsl(272, 69%, 16%)
Luminance
0.012
Plunged Into Darkness #4C1A4E
RGB
rgb(76, 26, 78)
HSL
hsl(298, 50%, 20%)
Luminance
0.028
Caviar Couture #791D46
RGB
rgb(121, 29, 70)
HSL
hsl(333, 61%, 29%)
Luminance
0.054
Bresaola #AD2340
RGB
rgb(173, 35, 64)
HSL
hsl(347, 66%, 41%)
Luminance
0.105
Flame Stitch #D65B49
RGB
rgb(214, 91, 73)
HSL
hsl(8, 63%, 56%)
Luminance
0.223
Orange Slice #F28F61
RGB
rgb(242, 143, 97)
HSL
hsl(19, 85%, 66%)
Luminance
0.394
Ripe Cantaloupe #FAB269
RGB
rgb(250, 178, 105)
HSL
hsl(30, 94%, 70%)
Luminance
0.532

Contrast & accessibility

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

Aa #060423 on #FAB269 11.09:1 AAA
Aa #0E0B38 on #FAB269 10.36:1 AAA
Aa #2B0D46 on #FAB269 9.32:1 AAA
Aa #060423 on #F28F61 8.46:1 AAA
Aa #0E0B38 on #F28F61 7.90:1 AAA
Aa #4C1A4E on #FAB269 7.44:1 AAA
Aa #2B0D46 on #F28F61 7.11:1 AAA
Aa #4C1A4E on #F28F61 5.67:1 AA
Aa #791D46 on #FAB269 5.60:1 AA
Aa #060423 on #D65B49 5.20:1 AA
Aa #0E0B38 on #D65B49 4.85:1 AA
Aa #2B0D46 on #D65B49 4.37:1 AA Large
Aa #791D46 on #F28F61 4.27:1 AA Large
Aa #AD2340 on #FAB269 3.76:1 AA Large
Aa #4C1A4E on #D65B49 3.48:1 AA Large
Aa #060423 on #AD2340 2.95:1 Fail
Aa #AD2340 on #F28F61 2.87:1 Fail
Aa #0E0B38 on #AD2340 2.75:1 Fail
Aa #791D46 on #D65B49 2.62:1 Fail
Aa #2B0D46 on #AD2340 2.48:1 Fail
Aa #D65B49 on #FAB269 2.13:1 Fail
Aa #060423 on #791D46 1.98:1 Fail
Aa #4C1A4E on #AD2340 1.98:1 Fail
Aa #0E0B38 on #791D46 1.85:1 Fail
Aa #AD2340 on #D65B49 1.76:1 Fail
Aa #2B0D46 on #791D46 1.66:1 Fail
Aa #D65B49 on #F28F61 1.63:1 Fail
Aa #060423 on #4C1A4E 1.49:1 Fail
Aa #791D46 on #AD2340 1.49:1 Fail
Aa #0E0B38 on #4C1A4E 1.39:1 Fail
Aa #4C1A4E on #791D46 1.33:1 Fail
Aa #F28F61 on #FAB269 1.31:1 Fail
Aa #2B0D46 on #4C1A4E 1.25:1 Fail
Aa #060423 on #2B0D46 1.19:1 Fail
Aa #0E0B38 on #2B0D46 1.11:1 Fail
Aa #060423 on #0E0B38 1.07: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