Twilit Cobalt color palette — #F1D9F3 · #0072CF · #322C54 · #200E22 · #010603

Royal Blue takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Thistle (#F1D9F3): A whisper-light, dusty pink — the color of a candy shop window.
• Royal Blue (#0072CF): A full-bodied, vivid blue — the color of open sky before noon.
• Navy (#322C54): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Ink (#200E22): A deep, shadowed, dusty pink — the color of neon signs at night.
• Ink (#010603): a grounded near-black with real depth.

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

Use it as a design system

One click turns Twilit Cobalt 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

• Hushed Lantern color palette (#EFD7EC, #4F7BDC, #553443, #2B1C29, #05100C)
• Petrol Cabin color palette (#D9F5EA, #007BAB, #44273E, #001C13, #010602)
• Obsidian Lapis color palette (#F0DEEA, #4542DD, #2F183D, #160111, #000202)
• Cornflower Grove color palette (#FAE3FA, #2889FC, #425180, #3D263E, #000604)
• Midnight Denim color palette (#D5E4F7, #0052A6, #261812, #0D163A, #00081C)
• Washed Byzantium Field color palette (#FDE3ED, #8847D4, #4B272A, #240D18, #0A0208)
• Violet Balcony color palette (#F4D6E3, #926AE2, #7F8000, #07773F, #221839)
• Indigo Summit color palette (#D5E4F0, #6B9AFF, #6263DA, #643190, #3B1646)

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