Twilit Sapphire color palette — #F5D6EE · #4255FF · #2F2D55 · #1F101C · #070307

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

The five colors

• Thistle (#F5D6EE): A whisper-light, dusty pink — the color of peonies in June.
• Royal Blue (#4255FF): A full-bodied, vivid violet — the color of twilight just after sunset.
• Navy (#2F2D55): A deep, shadowed, dusty violet — the color of a velvet chair.
• Ink (#1F101C): A deep, shadowed, dusty pink — the color of neon signs at night.
• Ink (#070307): quiet, heavy and certain.

Feels like: Creativity, Energy, Depth, Luxury. Tagged noir, dark, luxury, vibrant.

Use it as a design system

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

• Worn Cobalt color palette (#F7E2F8, #0072CF, #223155, #1F0F20, #010604)
• Washed Indigo color palette (#F4DFEC, #7169F1, #563344, #2D1B26, #120A10)
• Patina Studio color palette (#FFDDEA, #9228EC, #41264B, #230F17, #090206)
• Ultramarine Dune color palette (#F5DEF0, #2C42BE, #1D1136, #130310, #000404)
• Weathered Cornflower color palette (#E4EEFF, #6182F3, #564B79, #1F2F4C, #00050E)
• Eclipse Petrol Harbor color palette (#CCE5D7, #007E9C, #0B374E, #051B11, #010602)
• Hazy Magenta color palette (#EDDDF2, #C13DE4, #D4393D, #2F6BAA, #34121D)
• Cellar Aubergine Bloom color palette (#E8DEED, #7C00A2, #2D002E, #1D0F06, #090002)

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