Tempered Ultramarine color palette — #EAF3FE · #87A5D4 · #C07A46 · #205FC1 · #3F1D00

Cobalt takes the lead with Caramel close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EAF3FE): a clean, paper-quiet neutral.
• Blue Fog (#87A5D4): A luminous, dusty blue — the color of a favorite pair of jeans.
• Caramel (#C07A46): A luminous, balanced gold — the color of honey in a jar.
• Cobalt (#205FC1): A full-bodied, vivid blue — the color of a favorite pair of jeans.
• Espresso (#3F1D00): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Trust, Stability, Optimism, Balance. Tagged warm.

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

• Faded Bloom color palette (#EDF1FF, #9F9DD2, #9E8E38, #614BC5, #2F2700)
• Amber Delta color palette (#E5F5FE, #65AFC9, #CD6F59, #00708B, #45160B)
• Timeworn Ridge color palette (#EFF6FF, #7AA0E0, #CC5F8C, #3462B4, #4D3A57)
• Worn Tangerine color palette (#FDF1FB, #92B7FF, #F18245, #5B7FC5, #48413C)
• Hushed Harbor color palette (#EBF2FF, #768CC3, #B06D2D, #806900, #111E34)
• Nightshade Delta color palette (#D2DFFB, #7076EE, #8F6B00, #3E00D1, #1E1400)
• Weathered Denim color palette (#EEF1FE, #A9BB8E, #544A87, #272145, #080B1B)
• Aubergine Lantern color palette (#F0F0FF, #C689EE, #798B00, #7400A4, #1E2400)

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