Nocturne Sapphire color palette — #DCE6F3 · #176BC8 · #00396F · #000F25 · #000104
Built around Royal Blue, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Frost (#DCE6F3): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Royal Blue (#176BC8): A full-bodied, vivid blue — the color of open sky before noon.
- Navy (#00396F): A deep, shadowed, balanced blue — the color of deep harbor water.
- Ink (#000F25): A deep, shadowed, dusty blue — the color of open sky before noon.
- Black (#000104): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Depth, Luxury. Tagged monochrome, dark, muted, cool.
Use it as a design system
One click turns Nocturne Sapphire 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
- Petrol Dune color palette (#DAEAF0, #007693, #00414F, #00151D, #000102)
- Muted Cornflower Coast color palette (#D9E9FF, #038EEE, #0056A1, #002852, #000208)
- Inked Nightshade color palette (#DBE1F2, #4C6BC6, #260EAA, #06003C, #00000B)
- Gentle Violet Dune color palette (#E0F1FF, #8494C2, #8761C2, #004A5A, #00041E)
- Moonless Aubergine Drift color palette (#ECEDFF, #5C49A1, #2D0074, #080026, #010009)
- Ultramarine Dune color palette (#D4E2FF, #659BFF, #1D3BF0, #00147A, #000224)
- Worn Aubergine Lantern color palette (#DDE1F5, #7050B4, #680030, #34006C, #030004)
- Muted Ridge color palette (#EBF2FF, #BFCFF4, #7784BC, #39437E, #111739)
Browse the whole catalog at Explore, or see today's palette.