Tempered Ultramarine color palette — #D6E8E7 · #7CA2CA · #0052B2 · #003A54 · #0F1C41

Cobalt and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#D6E8E7): bright and airy, almost weightless.
• Blue Fog (#7CA2CA): A luminous, dusty blue — the color of a favorite pair of jeans.
• Cobalt (#0052B2): A full-bodied, vivid blue — the color of deep harbor water.
• Deep Teal (#003A54): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#0F1C41): 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

• Nightshade Veranda color palette (#E8F4E7, #66A2D8, #384FA9, #003841, #0D0128)
• Weathered Alley color palette (#D8E5E3, #70A9B9, #00607C, #003D42, #002333)
• Faded Indigo color palette (#EDE4D8, #7FB7EC, #4F6BD3, #005764, #211345)
• Softworn Grove color palette (#D6E6E5, #5086B1, #003C73, #00202E, #000622)
• Softworn Petrol color palette (#E8F9F7, #76C4DF, #0078A0, #00545E, #003753)
• Gentle Lagoon color palette (#E3ECE2, #9DC5E9, #7A89E5, #007C80, #2A0D44)
• Washed Dune color palette (#EDF8F6, #BAE4F2, #009CAC, #007269, #2E4C5B)
• Washed Lapis color palette (#F4DEF6, #C90849, #3C32DE, #6F0024, #0F0C4E)

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