Nocturne Onyx color palette — #D3E1F7 · #816A00 · #02085E · #160B18 · #00001F

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

The five colors

• Frost (#D3E1F7): A whisper-light, dusty blue — the color of deep harbor water.
• Walnut (#816A00): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Indigo (#02085E): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#160B18): A deep, shadowed, dusty pink — the color of neon signs at night.
• Ink (#00001F): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Optimism, Creativity, Depth, Luxury. Tagged luxury, dark.

Use it as a design system

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

• Velvet Olive color palette (#D7E1F5, #427E00, #11005F, #220F23, #02001D)
• Lowlit Bronze color palette (#DBEAFD, #AA4E00, #001946, #1F1622, #000313)
• Feathered Navy Hollow color palette (#F1E1EE, #A07F00, #0E268F, #01013F, #050004)
• Hushed Moss color palette (#DBDCF3, #7C9A11, #442262, #1E0A2E, #0C0410)
• Soft Study color palette (#F7E2F3, #BA8F21, #354FAA, #0D077C, #050004)
• Wandering Aubergine color palette (#E3E6F4, #ABA4C2, #897793, #402667, #111221)
• Powdered Moss color palette (#F2F4FF, #81B432, #503583, #2B1B49, #1C1125)
• Nightshade Hollow color palette (#E3EAFF, #2800C5, #3D3700, #211D00, #02001E)

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