Tempered Ultramarine color palette — #DBE8FF · #5C72E2 · #886E00 · #343BC4 · #090500

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

The five colors

• Frost (#DBE8FF): A whisper-light, dusty violet — the color of wild irises.
• Sapphire (#5C72E2): A full-bodied, vivid violet — the color of twilight just after sunset.
• Ochre (#886E00): A full-bodied, balanced green — the color of new leaves after rain.
• Cobalt (#343BC4): A full-bodied, vivid violet — the color of wild irises.
• Ink (#090500): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Powdered Cornflower Basin color palette (#D3E3F6, #007CEA, #9B6300, #0053A0, #0B0400)
• Pale Chapel color palette (#DBEBFF, #1F65C6, #5E5B00, #003478, #070600)
• Tempered Field color palette (#E2E4FF, #A871E5, #568102, #5B0095, #030700)
• Lapis Lantern color palette (#E1E5FB, #5B50ED, #AF3800, #006A42, #01000E)
• Rust Orchard color palette (#DEF1FC, #008BAF, #B54D00, #005E76, #0F0300)
• Timeworn Harbor color palette (#DBEBDD, #B56A00, #8E00D6, #13031F, #010107)
• Nightshade Villa color palette (#F1D6E9, #2F36B1, #4A3900, #100064, #020100)
• Ancient Amethyst Villa color palette (#D6DCFC, #C6B6FF, #99AE30, #784FD0, #262D00)

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