Tempered Ultramarine color palette — #F4E7EB · #6F97BC · #334CB3 · #003A43 · #0C0026

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

The five colors

• Rose Water (#F4E7EB): bright and airy, almost weightless.
• Slate Blue (#6F97BC): A luminous, dusty blue — the color of open sky before noon.
• Cobalt (#334CB3): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Teal (#003A43): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#0C0026): 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

• Weathered Denim color palette (#F7E9F3, #6E99AE, #005F8A, #003C34, #000720)
• Tempered Workshop color palette (#EEE3D7, #60A8E7, #364D9D, #002A31, #010008)
• Weathered Navy Grove color palette (#EDF2E4, #4E85B7, #003A7A, #00202F, #00022C)
• Hushed Studio color palette (#D6F2F1, #5FA6E7, #3574C5, #00587A, #00022C)
• Weathered Station color palette (#F4E9EE, #84BAD5, #2776C8, #005959, #14164C)
• Ancient Station color palette (#E5E3FB, #BE8BA1, #D16245, #2F32A2, #1B001C)
• Weathered Cerulean Study color palette (#F6EBF3, #A2CCDD, #1892C2, #006E5A, #0D2E53)
• Sunlit Aubergine color palette (#DCE8FF, #6856C7, #6600A6, #460052, #13000C)

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