Nocturne Navy color palette — #D7ECF8 · #00748E · #15255A · #001B28 · #010910
Built around Midnight, softened by Teal — the whole palette hums with trust and stability.
The five colors
- Frost (#D7ECF8): A whisper-light, dusty blue — the color of deep harbor water.
- Teal (#00748E): A full-bodied, balanced blue — the color of open sky before noon.
- Midnight (#15255A): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Ink (#001B28): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#010910): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Creativity, Calm, Sophistication, Depth. Tagged noir, dark, luxury, muted.
Use it as a design system
One click turns Nocturne Navy 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
- Moonless Quarry color palette (#DEEEFF, #0068C1, #321F4C, #05192E, #050911)
- Eclipse Cypress Courtyard color palette (#CDE9EB, #007B62, #00303C, #001D1F, #00090C)
- Cerulean Summit color palette (#CBEAFD, #0094BA, #22486B, #142935, #071418)
- Hushed Indigo Terrace color palette (#EFF1FE, #836FB3, #433650, #262834, #15151A)
- Turquoise Studio color palette (#D2E6DB, #00B2DC, #4F688E, #2E483B, #081508)
- Chalky Corridor color palette (#DAEEFF, #0088C9, #797700, #2A6A31, #013450)
- Charred Courtyard color palette (#DCDCFB, #3B2927, #430066, #2C1418, #0E0004)
- Twilit Nightshade color palette (#D4E0F8, #2900A6, #191017, #130017, #01000F)
Browse the whole catalog at Explore, or see today's palette.