Tempered Ultramarine color palette — #F4E2F0 · #2953E3 · #661383 · #4D0020 · #00090D

Cobalt takes the lead with Plum close behind in a set that reads as creativity and energy at first glance.

The five colors

• Blush (#F4E2F0): A whisper-light, dusty pink — the color of peonies in June.
• Cobalt (#2953E3): A full-bodied, vivid violet — the color of a velvet chair.
• Plum (#661383): A deep, shadowed, vivid violet — the color of a velvet chair.
• Espresso (#4D0020): A deep, shadowed, balanced red — the color of a theater curtain.
• Ink (#00090D): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Creativity, Energy, Balance. Tagged vibrant.

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

• Misty Terrace color palette (#FFE1F1, #683BDD, #780064, #4F0103, #000811)
• Hushed Aubergine color palette (#F0DDF2, #0066BC, #551F92, #490032, #170100)
• Grape Workshop color palette (#E1E5FF, #6F59E9, #6216C7, #3E0074, #210037)
• Tempered Pewter color palette (#DCE0F3, #8078B1, #6E4B81, #5C2C32, #3D0700)
• Muted Navy Studio color palette (#E1F3E3, #00757A, #004486, #282900, #000A05)
• Ultramarine Corridor color palette (#F6DCF1, #102DDD, #120F3F, #0D0105, #000015)
• Byzantium Veranda color palette (#FCDCF9, #4985FF, #9333B8, #005540, #002934)
• Aubergine Courtyard color palette (#D4E6D5, #005559, #430057, #1D1100, #000A0B)

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