Tempered Ultramarine color palette — #E8F1E7 · #8EBCE6 · #405ACB · #003C46 · #030010

Built around Cobalt, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Cream (#E8F1E7): a clean, paper-quiet neutral.
• Sky (#8EBCE6): A luminous, dusty blue — the color of a favorite pair of jeans.
• Cobalt (#405ACB): A full-bodied, vivid violet — the color of wild irises.
• Deep Teal (#003C46): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#030010): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Worn Parlor color palette (#FAE8F4, #85C2D2, #006FA1, #003F36, #00020D)
• Linen Navy color palette (#DDF1F1, #558EC6, #004499, #00293D, #00001E)
• Misty Ultramarine color palette (#D5E1F2, #0062CC, #7A4D00, #543F00, #000105)
• Weathered Hollow color palette (#DCECFF, #007EE6, #8C5B00, #003C73, #020100)
• Ultramarine Orchard color palette (#D4DFFF, #5D8BF8, #343DC5, #000F45, #00000B)
• Pale Blush Lagoon color palette (#EBF5FF, #CAC3FF, #CF82B9, #006780, #050029)
• Pale Cobalt Hollow color palette (#E2E7D9, #88B5E1, #4583D7, #00678F, #010646)
• Soft Ridge color palette (#D0F0F4, #008AB8, #005489, #080083, #01000A)

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