Nocturne Navy color palette — #F4E2F0 · #10008F · #1E0B06 · #080013 · #000201
Built around Indigo, softened by Ink — the whole palette hums with creativity and energy.
The five colors
- Blush (#F4E2F0): A whisper-light, dusty pink — the color of peonies in June.
- Indigo (#10008F): A deep, shadowed, vivid violet — the color of twilight just after sunset.
- Ink (#1E0B06): A deep, shadowed, dusty orange — the color of toasted spice.
- Ink (#080013): A deep, shadowed, dusty violet — the color of wild irises.
- Black (#000201): quiet, heavy and certain.
Feels like: Creativity, Energy, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, vibrant.
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
- Inked Boulevard color palette (#FADFF3, #2429B0, #0C052B, #0F0206, #010010)
- Smoked Aubergine Lagoon color palette (#F4D8E3, #5A3500, #3D006F, #221207, #0C0009)
- Nocturne Navy Pier color palette (#C3E9E0, #002F56, #04100F, #040019, #000202)
- Obsidian Ultramarine Thicket color palette (#DBE3F0, #2025FC, #2E094C, #080A13, #000109)
- Ultramarine Coast color palette (#DCE8FE, #3D45B9, #430078, #240030, #130011)
- Washed Navy color palette (#F7E9DC, #5387AA, #11377D, #002225, #080029)
- Aubergine Dune color palette (#F3E2E8, #6C22A1, #3A4400, #30004E, #050700)
- Twilit Loft color palette (#EAE3F4, #59008B, #2E3900, #00271E, #030009)
Browse the whole catalog at Explore, or see today's palette.