Nocturne Lagoon color palette — #E9DAE6 · #92030C · #334200 · #410102 · #010100
A conversation between Garnet and Espresso, giving this palette its sense of nature and growth.
The five colors
- Silver (#E9DAE6): A whisper-light, dusty pink — the color of neon signs at night.
- Garnet (#92030C): A full-bodied, vivid orange — the color of toasted spice.
- Deep Olive (#334200): A deep, shadowed, balanced green — the color of fresh herbs.
- Espresso (#410102): A deep, shadowed, balanced orange — the color of autumn markets.
- Black (#010100): a grounded near-black with real depth.
Feels like: Nature, Growth, Depth, Luxury. Tagged dark.
Use it as a design system
One click turns Nocturne Lagoon 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
- Nocturne Mulberry color palette (#FDD8CE, #8F2039, #004750, #430012, #000709)
- Lowlit Courtyard color palette (#ECDFF9, #88005E, #4C3800, #3C0027, #020100)
- Garnet Terrace color palette (#FAD8D2, #730800, #3A3100, #3C0041, #040000)
- Nocturne Chestnut color palette (#FDE5ED, #765000, #394200, #210F00, #020100)
- Shadow Market color palette (#EFDFE8, #802F00, #550082, #371000, #020006)
- Deep Terracotta color palette (#F9E8E4, #A2341E, #540B00, #11140B, #180000)
- Feathered Plum Thicket color palette (#F6DEF8, #B6344F, #00606C, #56001A, #000102)
- Hushed Aubergine color palette (#F0D9E2, #9D5600, #832791, #522A00, #120016)
Browse the whole catalog at Explore, or see today's palette.