Haunted Hills

A warm 6-color palette built around Haunted Hills (#003818), Orchid Kiss (#af70a6), and Hermosa Pink (#f8b4ed), with a earthy feel throughout.

warmearthy
Visualize
:root {
  --color-1: #003818;
  --color-2: #6b3164;
  --color-3: #2f7a49;
  --color-4: #af70a6;
  --color-5: #74be89;
  --color-6: #f8b4ed;
}

.ASE works in Adobe apps and several others that adopted the format. .sketchpalette imports into Sketch. .swatches (Procreate) follows a community-documented structure, since Procreate doesn't publish an official spec, so treat it as best-effort. .pptx is a real PowerPoint file with the palette applied as the deck's theme colors (not just two sample slides); Keynote opens .pptx files directly too.

Similar palettes

Heartfelt55
Lead50
Skrag Brown14
Nero17
Dwarven Bronze34
Rhumba Orange40
Garnet Sand55
Cinnamon Milk25

Haunted Hills FAQ

What colors are in Haunted Hills?

Haunted Hills uses 6 colors: Haunted Hills, Gloxinia, Canadian Pine, Orchid Kiss, Clover Mist, Hermosa Pink.

Is Haunted Hills accessible for text and backgrounds?

The highest-contrast pair in this palette is Haunted Hills on Hermosa Pink, at 8.1:1 (AAA). Use the accessibility panel above to check any specific pair.

How do I use Haunted Hills in a project?

Copy the hex codes above, or open Haunted Hills in the generator to remix it and export as CSS, Tailwind, or JSON.