Nocturne Ridge color palette — #D4E1F1 · #00346D · #070D11 · #020026 · #030004

Navy takes the lead with Ink close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#D4E1F1): A whisper-light, dusty blue — the color of open sky before noon.
• Navy (#00346D): A deep, shadowed, balanced blue — the color of open sky before noon.
• Ink (#070D11): quiet, heavy and certain.
• Ink (#020026): A deep, shadowed, balanced violet — the color of a velvet chair.
• Black (#030004): A deep, shadowed, dusty pink — the color of neon signs at night.

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

Use it as a design system

One click turns Nocturne Ridge 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 Abyss color palette (#D8EBE1, #595B65, #003D4D, #1B2128, #00070F)
• Obsidian Nightshade color palette (#F0E2EC, #2300A0, #15060B, #070020, #040003)
• Obsidian Aubergine color palette (#E7E6FC, #3C3732, #2D0072, #180A04, #04000C)
• Softworn Field color palette (#E1E5D4, #3896B7, #00506F, #002B32, #00050C)
• Eclipse Lagoon color palette (#E0EDFD, #005399, #1E0E33, #030C0F, #070008)
• Aubergine Workshop color palette (#EEE7FC, #6100A7, #760031, #00334A, #020007)
• Twilit Lapis color palette (#D7E3FF, #4225E8, #3300A4, #1F0052, #08001A)
• Airy Grape color palette (#E4E2FC, #6300E3, #005552, #2E0072, #000403)

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