Tempered Ultramarine color palette — #ECDEE2 · #6698C0 · #3643C4 · #003B3C · #0F0022

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

The five colors

• Shell Pink (#ECDEE2): a clean, paper-quiet neutral.
• Slate Blue (#6698C0): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cobalt (#3643C4): A full-bodied, vivid violet — the color of wild irises.
• Deep Teal (#003B3C): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#0F0022): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Energy, 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

• Washed Denim color palette (#F7E6F1, #539EB2, #005C94, #003D2D, #04002C)
• Worn Denim color palette (#ECE3DA, #73A8D4, #334F9C, #002A30, #010008)
• Feathered Navy Loft color palette (#F3E8D6, #4986B7, #083781, #00212A, #05002C)
• Worn Garden color palette (#DEECEC, #70A6D5, #1B73D1, #005879, #000428)
• Worn Lagoon color palette (#E5DBE0, #7CBBD7, #0070E2, #005A4F, #1D1841)
• Tempered Forest color palette (#F7EBF8, #3DB6B2, #00728B, #034E0E, #00152A)
• Powdered Cobalt color palette (#F6EAF4, #94D0D9, #0091CB, #007047, #1C2C4F)
• Antique Cerulean color palette (#D6E9E2, #4CB38D, #008EB8, #644200, #001310)

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