Nocturne Navy color palette — #DFE8F6 · #1E3EAA · #1C008F · #0D003C · #010009
Built around Indigo, softened by Indigo — the whole palette hums with creativity and calm.
The five colors
- Frost (#DFE8F6): A whisper-light, dusty blue — the color of deep harbor water.
- Indigo (#1E3EAA): A full-bodied, vivid violet — the color of a velvet chair.
- Indigo (#1C008F): A deep, shadowed, vivid violet — the color of wild irises.
- Deep Indigo (#0D003C): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Black (#010009): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Creativity, Calm, Energy, Depth, Luxury. Tagged dark, cool.
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
- Denim Study color palette (#D6EAFB, #004F87, #002D65, #000932, #010012)
- Cellar Nightshade Basin color palette (#D9E8F1, #0063AC, #260092, #1C0048, #14001F)
- Nightshade Workshop color palette (#D7DFEB, #4363C5, #360CCB, #1F006A, #0C0029)
- Grape Courtyard color palette (#EAE5FF, #6641A9, #33006A, #0B0023, #020007)
- Midnight Summit color palette (#F5D8E9, #45389D, #740018, #1D005C, #040000)
- Obsidian Aubergine Cabin color palette (#EBEAFF, #40009B, #5D0035, #002733, #010008)
- Hazy Bloom color palette (#FFDCEC, #9771BE, #83478A, #261C6C, #05000F)
- Grape Orchard color palette (#E6E9FF, #8673DD, #6740B2, #4B1576, #200232)
Browse the whole catalog at Explore, or see today's palette.