Tempered Ultramarine color palette — #F0F5FF · #7486FF · #9B7A00 · #4145C9 · #493800

Built around Cobalt, softened by Lavender Blue — the whole palette hums with optimism and creativity.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Lavender Blue (#7486FF): A luminous, vivid violet — the color of a velvet chair.
• Ochre (#9B7A00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Cobalt (#4145C9): A full-bodied, vivid violet — the color of wild irises.
• Deep Olive (#493800): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Creativity, Energy, Balance. Tagged cool.

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

• Chalky Meadow color palette (#FFEBFA, #758EFF, #9B8100, #3E4EB4, #282000)
• Wandering Summit color palette (#F0F5FF, #7D9DFF, #BC6400, #2433C2, #5A2D00)
• Grape Thicket color palette (#EAEEFF, #927CD6, #778100, #5F36AF, #353900)
• Airy Veranda color palette (#F0F5FF, #92A8FF, #CB9B18, #4B5DE3, #4B3700)
• Tempered Periwinkle Pier color palette (#EDF6FF, #3CAAFF, #AC5400, #00609D, #5D2A00)
• Grape Orchard color palette (#F2F5FF, #A48EFF, #379700, #5900C3, #1A4608)
• Worn Emerald color palette (#F4F4FF, #B68AD6, #589D54, #7A5098, #154C47)
• Dusty Parlor color palette (#DCEDFF, #0084D8, #707A00, #3B7000, #0A3253)

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