Nocturne Basalt color palette — #DEF3FF · #004561 · #532500 · #2A1D00 · #000204

Espresso and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#DEF3FF): A whisper-light, dusty blue — the color of deep harbor water.
• Navy (#004561): A deep, shadowed, dusty blue — the color of open sky before noon.
• Espresso (#532500): A deep, shadowed, balanced gold — the color of honey in a jar.
• Onyx (#2A1D00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Black (#000204): a grounded near-black with real depth.

Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.

Use it as a design system

One click turns Nocturne Basalt 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

• Obsidian Garnet color palette (#CDE9F1, #004754, #640029, #3E0C00, #000203)
• Lowlit Villa color palette (#E1E8FC, #1E2D98, #452F00, #202100, #000010)
• Petrol Loft color palette (#D1E5F4, #00719E, #002E4D, #2D2229, #000B15)
• Fern Grove color palette (#F0E2CD, #5C5E00, #3A2800, #200900, #000500)
• Mulberry Basin color palette (#C5E6F9, #006084, #8C0055, #3E4100, #000204)
• Muted Parlor color palette (#F0E5FE, #642398, #414400, #133312, #0E001C)
• Softworn Harbor color palette (#CFEEDE, #7D92C6, #8B4A87, #00372F, #000B1E)
• Eclipse Lantern color palette (#EFD9E1, #4D007F, #550015, #0C1600, #030009)

Browse the whole catalog at Explore, or see today's palette.