Twilit Navy color palette — #D0F6FC · #005A50 · #002F92 · #220042 · #000201
A conversation between Indigo and Deep Indigo, giving this palette its sense of trust and stability.
The five colors
- Frost (#D0F6FC): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Pine (#005A50): A full-bodied, dusty teal — the color of sea glass.
- Indigo (#002F92): A deep, shadowed, vivid violet — the color of wild irises.
- Deep Indigo (#220042): A deep, shadowed, balanced violet — the color of a velvet chair.
- Black (#000201): quiet, heavy and certain.
Feels like: Trust, Stability, Creativity, Depth, Luxury. Tagged dark.
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
- Lowlit Veranda color palette (#E1F3F1, #005E2E, #004160, #020058, #000200)
- Nocturne Onyx color palette (#CCEFFA, #006164, #002D4F, #0B0020, #000200)
- Navy Pier color palette (#E6E6CF, #263F00, #1F007D, #250020, #010100)
- Wandering Lagoon color palette (#CBEEE1, #008C7C, #004C4A, #001718, #000102)
- Timeworn Canyon color palette (#DCF3F0, #009343, #004641, #003514, #000102)
- Smoked Aubergine Alley color palette (#D0E8D4, #533900, #470052, #22190A, #140005)
- Wandering Abyss Workshop color palette (#E5EEEE, #A7C0C3, #649E97, #004830, #000202)
- Garnet Lantern color palette (#CBEEDC, #554F00, #6E0045, #360003, #000201)
Browse the whole catalog at Explore, or see today's palette.