Tempered Ultramarine color palette — #FDF1FB · #E4CAD8 · #C499A8 · #2E50B5 · #3F2B3C

Built around Cobalt, softened by Mauve — the whole palette hums with creativity and sophistication.

The five colors

• Ivory (#FDF1FB): bright and airy, almost weightless.
• Silver (#E4CAD8): A whisper-light, dusty pink — the color of neon signs at night.
• Mauve (#C499A8): A luminous, dusty rose — the color of a warm blush.
• Cobalt (#2E50B5): A full-bodied, vivid violet — the color of twilight just after sunset.
• Espresso (#3F2B3C): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Creativity, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Tempered Ultramarine 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

• Denim Field color palette (#FBEDFA, #E4CCD7, #CE9CA2, #245AA2, #231324)
• Dusty Aubergine color palette (#F4ECEE, #DCC5C8, #BD9593, #6A3C89, #3A282E)
• Denim Hollow color palette (#EDF8F3, #E0CBE1, #99A4D1, #006288, #263730)
• Cobalt Lantern color palette (#EFF6FF, #D7DCFA, #C2B7D9, #3275D5, #2A3440)
• Driftwood Terrace color palette (#F9F3F7, #E3D7D7, #B1AEA2, #99758E, #585055)
• Tempered Aubergine Boulevard color palette (#F6ECF1, #A9939A, #856483, #2E0473, #12050C)
• Quiet Mulberry color palette (#E4E4F4, #AB8BC3, #965076, #5C4F00, #27471E)
• Smoked Courtyard color palette (#EED8E2, #6C00D8, #340040, #1D0211, #070102)

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