Twilit Navy color palette — #DEF3FF · #0064AA · #001F82 · #0C0050 · #090028

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

The five colors

• Frost (#DEF3FF): A whisper-light, dusty blue — the color of deep harbor water.
• Peacock (#0064AA): A full-bodied, balanced blue — the color of open sky before noon.
• Indigo (#001F82): A deep, shadowed, vivid violet — the color of a velvet chair.
• Deep Indigo (#0C0050): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#090028): A deep, shadowed, balanced violet — the color of wild irises.

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

• Powdered Archive color palette (#D6E9FA, #1379DF, #0052C2, #1D2EA1, #070033)
• Faded Navy Archive color palette (#D1E2E5, #0076A7, #003B9F, #290069, #0F0019)
• Moonless Navy color palette (#CAE5EA, #005475, #002761, #18003B, #030004)
• Eclipse Lapis color palette (#E4E7FF, #5349C4, #240077, #0A0028, #0B0001)
• Velvet Basin color palette (#F3E2F0, #243AC1, #4F3B00, #09006C, #090500)
• Deep Denim color palette (#D1EEF2, #006375, #003A4E, #00192C, #00081A)
• Plum Terrace color palette (#FAE3F2, #987FD0, #9C4298, #003063, #12062A)
• Charred Grape Thicket color palette (#E2E3FF, #6A3AC5, #440069, #2D0032, #170014)

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