Twilit Navy color palette — #D6EDF2 · #365A78 · #2E2860 · #350800 · #070300

Navy and Ink set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#D6EDF2): A whisper-light, dusty blue — the color of open sky before noon.
• Peacock (#365A78): A full-bodied, dusty blue — the color of open sky before noon.
• Navy (#2E2860): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#350800): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#070300): A deep, shadowed, dusty gold — the color of old brass.

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

• Cellar Onyx Garden color palette (#D0F3E6, #2B6A6F, #003650, #35001E, #0E0000)
• Midnight Denim color palette (#E2E7F4, #665393, #472143, #1D1400, #020300)
• Timeworn Navy Orchard color palette (#E8F5E3, #216F6C, #233866, #242300, #0A1500)
• Timeworn Atelier color palette (#E0F4EB, #408BA9, #543F76, #2A1E00, #020100)
• Hushed Garnet Corridor color palette (#DAF0F8, #5881A3, #4B4D87, #611600, #190B00)
• Muted Abyss color palette (#F4ECE0, #4A8387, #004350, #002019, #000103)
• Navy Basin color palette (#D3E9F6, #00588B, #002673, #040037, #01000C)
• Eclipse Nightshade color palette (#F1DAED, #193DAD, #4E3700, #020068, #020100)

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