Twilit Navy color palette — #F7E2F5 · #00286A · #101219 · #02001C · #0C0003

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

The five colors

• Blush (#F7E2F5): A whisper-light, dusty pink — the color of neon signs at night.
• Navy (#00286A): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#101219): a grounded near-black with real depth.
• Ink (#02001C): A deep, shadowed, dusty violet — the color of a velvet chair.
• Ink (#0C0003): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

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

• Midnight Lapis color palette (#F7DCF0, #3C41FF, #28244C, #241020, #0F0307)
• Charred Study color palette (#CFE6DE, #534C55, #00314E, #10181D, #000410)
• Deep Boulevard color palette (#E5E8FA, #37312C, #250086, #170602, #050017)
• Ultramarine Lagoon color palette (#EFD8EF, #0057B7, #2A163E, #071216, #000208)
• Twilit Alley color palette (#F5E8FF, #5D0085, #65001B, #002640, #040008)
• Wandering Cerulean color palette (#E7ECDB, #388AAF, #004162, #002129, #000A18)
• Velvet Lapis color palette (#DCE5FF, #4523D7, #34008D, #1C0045, #120012)
• Shadow Grape Market color palette (#E5E1F5, #6000C4, #004848, #280058, #000808)

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