Twilit Navy color palette — #D3E8F6 · #495C7F · #3B2C61 · #280F00 · #060300

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

The five colors

• Frost (#D3E8F6): A whisper-light, dusty blue — the color of deep harbor water.
• Peacock (#495C7F): A full-bodied, dusty violet — the color of twilight just after sunset.
• Royal Purple (#3B2C61): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#280F00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#060300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Trust, Stability, Creativity, Sophistication, Depth, Luxury. Tagged vintage, retro, muted, 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

• Navy Corridor color palette (#C6F3EB, #0C6677, #003762, #320011, #070100)
• Navy Boulevard color palette (#D8F3EB, #3B738D, #45326B, #192300, #0A1000)
• Moonless Basalt color palette (#EDEEFF, #704756, #542840, #1B1600, #010300)
• Hushed Denim color palette (#CFE5DE, #48887A, #264A6E, #222200, #000201)
• Eclipse Aubergine Study color palette (#E9E6F5, #644DA7, #380078, #240D0C, #09001D)
• Dusty Cobalt Studio color palette (#DAF2FF, #5272AE, #55467F, #532300, #001505)
• Shadow Forest Terrace color palette (#E8E7D6, #376441, #003224, #00181A, #000200)
• Nightshade Corridor color palette (#FEE1F3, #423A9C, #463B00, #1B005D, #020100)

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