Nocturne Navy color palette — #F0EFCA · #486300 · #002099 · #2D0026 · #020100
Built around Indigo, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Custard (#F0EFCA): A whisper-light, dusty green — the color of new leaves after rain.
- Olive (#486300): A full-bodied, balanced green — the color of new leaves after rain.
- Indigo (#002099): A deep, shadowed, vivid violet — the color of wild irises.
- Deep Indigo (#2D0026): A deep, shadowed, balanced pink — the color of a candy shop window.
- Black (#020100): quiet, heavy and certain.
Feels like: Nature, Growth, Creativity, Energy, Depth, Luxury. Tagged jewel, vibrant, dark.
Use it as a design system
One click turns Nocturne Navy 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
- Deep Pier color palette (#E7EFD5, #005D3D, #3C0084, #30000F, #010100)
- Eclipse Fern Cabin color palette (#F2E7C2, #5D5400, #003559, #220025, #030100)
- Midnight Navy color palette (#D6F4EC, #324A00, #040071, #1F001A, #030100)
- Midnight Orchard color palette (#E0F2EF, #115003, #00272F, #280017, #000200)
- Antique Meadow color palette (#FAE9CE, #008F2C, #004E48, #2E003C, #000201)
- Antique Forest color palette (#DDEBCE, #564E54, #005C43, #0E1B1B, #000707)
- Emerald Lantern color palette (#E1EDDA, #31A954, #005B46, #002321, #000102)
- Mulberry Basin color palette (#E1FEE6, #007980, #7C0061, #361700, #000200)
Browse the whole catalog at Explore, or see today's palette.