Tempered Ultramarine color palette — #EBF0F7 · #B1B3C1 · #9B8EAF · #0C49B3 · #061427

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

The five colors

• Cream (#EBF0F7): a clean, paper-quiet neutral.
• Ash (#B1B3C1): a calm mid-gray that lets other colors speak.
• Heather (#9B8EAF): A luminous, dusty violet — the color of a velvet chair.
• Cobalt (#0C49B3): A full-bodied, vivid violet — the color of wild irises.
• Ink (#061427): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, 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

• Denim Lantern color palette (#E8F0F6, #AEB5C0, #9293AC, #005B7A, #001624)
• Cobalt Chapel color palette (#DDE6F5, #B5ABC4, #A190A9, #506CBF, #0C1422)
• Softworn Study color palette (#EBEDF7, #A6A2AE, #947D98, #4D2990, #060816)
• Antique Canyon color palette (#F6EAF5, #E5C6D3, #BD9D9F, #244B8B, #050105)
• Worn Abyss color palette (#DFEEF6, #428EB1, #5F5B8E, #004921, #001E27)
• Indigo Boulevard color palette (#F1F5FE, #DDDCEB, #C6B7D1, #555BFF, #2B3344)
• Wandering Byzantium color palette (#EEEEF4, #DBD4E0, #C9AEC2, #9253AA, #2D2C3A)
• Worn Aubergine Loft color palette (#C3ECEA, #007E9B, #59259D, #00351A, #000C1C)

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