Tempered Ultramarine color palette — #EFF6FF · #6090F1 · #A17600 · #0447DA · #4C3600

Cobalt takes the lead with Lavender Blue close behind in a set that reads as optimism and energy at first glance.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Lavender Blue (#6090F1): A luminous, balanced violet — the color of wild irises.
• Ochre (#A17600): A full-bodied, balanced gold — the color of old brass.
• Cobalt (#0447DA): A full-bodied, vivid violet — the color of wild irises.
• Deep Olive (#4C3600): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, 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

• Lapis Balcony color palette (#F1F5FF, #8A85E9, #927E00, #5543BC, #453A00)
• Ultramarine Drift color palette (#FEEBFC, #6795F3, #A87A00, #003EE6, #2C1E00)
• Timeworn Azure color palette (#EDF6FF, #2BACFC, #9D6000, #006296, #543100)
• Chalky Lantern color palette (#EFF6FF, #83ADFF, #D29718, #1E60F3, #4E3500)
• Wandering Nightshade color palette (#D3DEF6, #6970DE, #826600, #3934A2, #342700)
• Patina Corridor color palette (#E4EBFF, #526FF9, #8C6E00, #526217, #222D55)
• Hushed Aubergine color palette (#F3F4FF, #AF8CF4, #00992A, #5F21A8, #00480F)
• Rust Drift color palette (#E8F8FF, #00A6B9, #D24E00, #006875, #652100)

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