Nocturne Garden color palette — #D2E7EA · #006B5D · #00272B · #080F12 · #000203
Pine takes the lead with Midnight close behind in a set that reads as sophistication and depth at first glance.
The five colors
- Frost (#D2E7EA): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Pine (#006B5D): A full-bodied, balanced teal — the color of shallow lagoons.
- Midnight (#00272B): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#080F12): quiet, heavy and certain.
- Black (#000203): quiet, heavy and certain.
Feels like: Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.
Use it as a design system
One click turns Nocturne Garden 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
- Charred Bloom color palette (#C5EAE1, #416900, #002A15, #051010, #000202)
- Weathered Lagoon Pier color palette (#DFEFF5, #009FA6, #1C5B72, #0B3541, #000607)
- Weathered Atelier color palette (#D2E9EE, #00B9B2, #037487, #234850, #021517)
- Muted Fern Loft color palette (#D9EEE9, #529A6A, #00735A, #2F5406, #000802)
- Patina Petrol color palette (#DFF0FF, #0070B1, #1C296D, #191720, #000813)
- Gentle Meadow color palette (#C1E5F7, #008DA4, #C63500, #005F6F, #120100)
- Petrol Terrace color palette (#D0E7DC, #3C9698, #007396, #672A4F, #1C041B)
- Powdered Cornflower Hollow color palette (#DEEDFF, #3790FF, #4E4BA2, #1F3651, #000812)
Browse the whole catalog at Explore, or see today's palette.