Nocturne Study color palette — #CDE5F7 · #004A67 · #171319 · #040730 · #000103

Built around Navy, softened by Ink — the whole palette hums with trust and stability.

The five colors

• Frost (#CDE5F7): A whisper-light, dusty blue — the color of deep harbor water.
• Navy (#004A67): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#171319): a grounded near-black with real depth.
• Ink (#040730): A deep, shadowed, balanced violet — the color of wild irises.
• Black (#000103): a grounded near-black with real depth.

Feels like: Trust, Stability, Creativity, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

Use it as a design system

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

• Nocturne Petrol color palette (#CEEBDF, #006793, #32313A, #001328, #000201)
• Denim Balcony color palette (#E5DCE3, #6AA8AF, #00617E, #003B2B, #000B1B)
• Dusty Iris Station color palette (#E8EDFA, #727AC9, #3A384E, #191E2A, #090D10)
• Deep Study color palette (#E2E1F9, #7A08AC, #332D28, #310621, #050314)
• Nocturne Workshop color palette (#D4DEFA, #3C16AF, #1A0E0E, #1B0024, #00000C)
• Amethyst Lantern color palette (#EAECFF, #8522E8, #45103C, #0C0C25, #020309)
• Softworn Lantern color palette (#D9EDE2, #5B8735, #005131, #003035, #030A00)
• Inked Aubergine color palette (#E1E5F6, #522200, #2D0072, #220D1E, #060007)

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