Nocturne Coast color palette — #F8EDDE · #513500 · #00325D · #36004E · #020100

A conversation between Deep Indigo and Navy, giving this palette its sense of trust and stability.

The five colors

• Cream (#F8EDDE): A whisper-light, dusty gold — the color of old brass.
• Cocoa (#513500): A deep, shadowed, dusty gold — the color of honey in a jar.
• Navy (#00325D): A deep, shadowed, balanced blue — the color of open sky before noon.
• Deep Indigo (#36004E): A deep, shadowed, balanced violet — the color of wild irises.
• Black (#020100): quiet, heavy and certain.

Feels like: Trust, Stability, Optimism, Creativity, Sophistication, Depth. Tagged dark, muted.

Use it as a design system

One click turns Nocturne Coast 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

• Moonless Garden color palette (#FFE6D8, #5F2B00, #003748, #000E6B, #030100)
• Moonless Nightshade color palette (#D7F7E3, #473B00, #180096, #3D003E, #020100)
• Shadow Boulevard color palette (#D5F3D9, #483200, #33006D, #2B0001, #020100)
• Timeworn Ultramarine color palette (#F5E7C5, #6D5400, #0032CA, #3B1D93, #030200)
• Smoked Drift color palette (#E3E2C2, #625C00, #302900, #10181C, #0B0800)
• Timeworn Garnet Pier color palette (#F9F0D3, #5C5700, #005342, #581A00, #010100)
• Softworn Cypress color palette (#DAF7E2, #7E9050, #007855, #431E00, #000301)
• Smoked Aubergine Quarry color palette (#CFE9CE, #055A10, #610078, #5D0019, #000200)

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