Twilit Navy color palette — #D7E5F7 · #00397A · #3D343A · #120B15 · #01000A
A conversation between Navy and Black, giving this palette its sense of trust and stability.
The five colors
- Frost (#D7E5F7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Navy (#00397A): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#3D343A): a grounded near-black with real depth.
- Ink (#120B15): A deep, shadowed, dusty pink — the color of neon signs at night.
- Black (#01000A): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.
Use it as a design system
One click turns Twilit 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
- Eclipse Summit color palette (#D2EEFF, #004355, #201C22, #080B11, #000104)
- Antique Violet Market color palette (#F2F5FF, #8A6BFC, #34314B, #0B0E1F, #000104)
- Deep Station color palette (#D8E0FB, #40009C, #2B1D1C, #1B0717, #030005)
- Wisteria Corridor color palette (#F4F4FF, #C178EF, #4A4257, #1D1D28, #04050B)
- Ultramarine Lagoon color palette (#E4F0FF, #005AB0, #221A3E, #090C14, #000206)
- Obsidian Workshop color palette (#EAEDFF, #7B00D8, #382825, #200621, #01000A)
- Softworn Drift color palette (#E1EDE3, #5FADCE, #005A8A, #002B2E, #000105)
- Pine Garden color palette (#D1EAE6, #00915E, #00473C, #002025, #000202)
Browse the whole catalog at Explore, or see today's palette.