Twilit Navy color palette — #DCF1F8 · #005B85 · #00228C · #130054 · #120027
Built around Indigo, softened by Deep Indigo — the whole palette hums with trust and stability.
The five colors
- Frost (#DCF1F8): A whisper-light, dusty blue — the color of open sky before noon.
- Peacock (#005B85): A full-bodied, balanced blue — the color of open sky before noon.
- Indigo (#00228C): A deep, shadowed, vivid violet — the color of a velvet chair.
- Deep Indigo (#130054): A deep, shadowed, balanced violet — the color of wild irises.
- Ink (#120027): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Depth, Luxury. Tagged dark, cool.
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
- Aubergine Summit color palette (#D4E9F7, #0055BD, #29008F, #230047, #170022)
- Denim Dune color palette (#D1E8FB, #004C83, #002D67, #000535, #010010)
- Charred Denim Alley color palette (#BFEAE6, #00646F, #003A4A, #00172D, #0B0021)
- Nightshade Harbor color palette (#E8F1FF, #223FBA, #513A00, #07006D, #0A0500)
- Pale Pier color palette (#E2EBFA, #9989BE, #A93F81, #003C4F, #050622)
- Navy Study color palette (#E2EFFF, #003988, #482D00, #1D2900, #000108)
- Grape Alley color palette (#E3EBFF, #5D33BE, #4C007C, #29002E, #13000B)
- Lapis Study color palette (#E4F1FB, #4084ED, #4A31DD, #4A1985, #411D4E)
Browse the whole catalog at Explore, or see today's palette.