Twilit Navy color palette — #E3F1FF · #0050A6 · #1B0079 · #100037 · #020007

Deep Indigo and Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#E3F1FF): A whisper-light, dusty blue — the color of deep harbor water.
• Indigo (#0050A6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Indigo (#1B0079): A deep, shadowed, vivid violet — the color of a velvet chair.
• Deep Indigo (#100037): A deep, shadowed, balanced violet — the color of a velvet chair.
• Black (#020007): A deep, shadowed, dusty violet — the color of wild irises.

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

• Nightshade Archive color palette (#E6EEFF, #3F2AB8, #350080, #18002D, #050008)
• Deep Nightshade color palette (#DCEDF4, #0061A2, #2000A3, #1D0035, #110007)
• Cellar Terrace color palette (#D0EDFB, #005887, #002959, #02004C, #01000A)
• Nightshade Station color palette (#E0E9FF, #3E31AE, #473B00, #19005F, #020100)
• Softworn Nightshade color palette (#D5E5F5, #0067ED, #281EBC, #29006D, #110024)
• Misty Plum Loft color palette (#E2E9FF, #9979B9, #A44284, #0F2878, #020013)
• Shadow Aubergine color palette (#E6E6F4, #3D009E, #531F00, #002A1D, #010009)
• Velvet Study color palette (#E2DFF0, #720CA5, #4B0055, #1F001B, #040002)

Browse the whole catalog at Explore, or see today's palette.