Tempered Ultramarine color palette — #F7EDE2 · #8AB6E1 · #455CC8 · #004E5A · #2F274B

Royal Blue takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F7EDE2): bright and airy, almost weightless.
• Sky (#8AB6E1): A luminous, dusty blue — the color of open sky before noon.
• Royal Blue (#455CC8): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Teal (#004E5A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Deep Indigo (#2F274B): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Tempered Coast color palette (#F9EBE4, #85BBCA, #0070A2, #005146, #1A2D4D)
• Worn Petrol color palette (#DCEDED, #8CB7E6, #3E6AAF, #004666, #06113A)
• Airy Cornflower color palette (#EBF1E2, #9EC9F5, #4A85DE, #006590, #1D2C51)
• Pale Cobalt Atelier color palette (#FEF3EC, #9CD9EA, #0089C4, #00685A, #223F6D)
• Aged Cerulean color palette (#E8F1E9, #B7D7F7, #81A3EA, #008CAF, #262758)
• Navy Harbor color palette (#F6EAE1, #5898B8, #00498B, #003030, #0B083E)
• Bronze Harbor color palette (#E9DCCA, #A57400, #0072A7, #614200, #002C45)
• Wandering Atelier color palette (#F8EAE4, #348F99, #004358, #002319, #000A18)

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