Tempered Ultramarine color palette — #F0F5FF · #A0B4FF · #8B9600 · #3C4AC0 · #181A00

A conversation between Cobalt and Olive Leaf, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Sky (#A0B4FF): A luminous, balanced violet — the color of a velvet chair.
• Olive Leaf (#8B9600): A luminous, balanced green — the color of new leaves after rain.
• Cobalt (#3C4AC0): A full-bodied, vivid violet — the color of wild irises.
• Ink (#181A00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Creativity, 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

• Wandering Bronze color palette (#EDF7FF, #66C2FF, #A87C00, #006A9D, #221600)
• Lime Coast color palette (#F2F5FF, #BDB3FF, #AEB007, #7562C3, #2A2A00)
• Gentle Grape color palette (#F3F4FF, #CAA2FF, #00A945, #752AB7, #001F07)
• Airy Nightshade color palette (#FBE5F6, #5E7ACE, #6F7000, #2134A6, #131300)
• Airy Study color palette (#F4D3EA, #97A8FF, #00BAA3, #6674E7, #00312A)
• Patina Mulberry Archive color palette (#F7F3FF, #FB88E5, #6A9F00, #961984, #101D00)
• Aubergine Archive color palette (#EDECFF, #BB66E5, #917800, #73009B, #0B0700)
• Faded Iris Hollow color palette (#F1F5FF, #8A7AFF, #948200, #6E7000, #0C0625)

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