Nocturne Drift color palette — #DEECFF · #004792 · #583500 · #262E05 · #000105

Indigo takes the lead with Cocoa close behind in a set that reads as nature and growth at first glance.

The five colors

• Frost (#DEECFF): A whisper-light, dusty blue — the color of deep harbor water.
• Indigo (#004792): A full-bodied, balanced blue — the color of open sky before noon.
• Cocoa (#583500): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Deep Forest (#262E05): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Black (#000105): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged dark, muted.

Use it as a design system

One click turns Nocturne Drift 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 Grove color palette (#D3F3FF, #005266, #711B00, #472400, #000102)
• Charred Studio color palette (#DCE2F8, #2D00D2, #4F3B00, #143212, #00000B)
• Aubergine Dune color palette (#EDE6F9, #6200A5, #3C4300, #0B3900, #020006)
• Feathered Ultramarine Study color palette (#E0EAFD, #0652EF, #8F0F8E, #004D4E, #000009)
• Gentle Plum color palette (#D3E2F5, #9A8CE9, #A54CA0, #00434F, #000321)
• Dusty Ultramarine color palette (#DAE8FF, #005BDA, #AC002A, #175A00, #00061C)
• Softworn Bronze color palette (#DAF7F1, #AB5100, #0066A3, #0A0B15, #000104)
• Pale Study color palette (#DCE6F9, #225DFC, #855B00, #595500, #010830)

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