Nocturne Garnet color palette — #D8EAF0 · #006164 · #570013 · #170000 · #030100

Espresso and Peacock set the tone — five colors that lean into sophistication and depth.

The five colors

• Frost (#D8EAF0): A whisper-light, dusty blue — the color of deep harbor water.
• Peacock (#006164): A full-bodied, dusty teal — the color of shallow lagoons.
• Espresso (#570013): A deep, shadowed, balanced red — the color of embers at dusk.
• Ink (#170000): A deep, shadowed, dusty orange — the color of toasted spice.
• Black (#030100): a grounded near-black with real depth.

Feels like: Sophistication, Depth, Luxury. Tagged dark, muted.

Use it as a design system

One click turns Nocturne Garnet into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.

Similar palettes

• Midnight Garnet Harbor color palette (#D7EFFF, #007197, #682100, #0A1A00, #000200)
• Washed Cerulean Loft color palette (#CFEFE2, #008CB8, #544B7A, #361C00, #070200)
• Midnight Canyon color palette (#CBF0EE, #006637, #480052, #1D231A, #140200)
• Onyx Lantern color palette (#DBEFE6, #00425D, #33003E, #19000B, #010200)
• Abyss Grove color palette (#D3EAF6, #004451, #2D272C, #0E0D13, #00000A)
• Dusty Nightshade color palette (#CBE9DB, #007DA2, #4738C2, #5E0058, #000202)
• Mulberry Quarry color palette (#E3F6FF, #00899D, #920037, #282600, #020200)
• Tempered Olive color palette (#D7EDD6, #7D8100, #004A12, #002024, #010100)

Browse the whole catalog at Explore, or see today's palette.