Tempered Ultramarine Drift color palette — #E1E8F2 · #BEC4D1 · #9CA2C5 · #005FB6 · #13202F

A conversation between Cobalt and Mauve, giving this palette its sense of trust and stability.

The five colors

• Frost (#E1E8F2): bright and airy, almost weightless.
• Stone (#BEC4D1): soft and architectural.
• Mauve (#9CA2C5): A luminous, dusty violet — the color of twilight just after sunset.
• Cobalt (#005FB6): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#13202F): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Tempered Ultramarine Drift 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

• Wandering Cypress Boulevard color palette (#E6EEF1, #B8C7D0, #8EA8C1, #006E78, #08232C)
• Softworn Quarry color palette (#DDE2E7, #B1B8CD, #8F89AB, #004875, #12212E)
• Timeworn Courtyard color palette (#DCE1EC, #B0B3C6, #9492AC, #3D2DCB, #0D1323)
• Weathered Grape color palette (#E0E1EC, #C4C2D1, #AA9FB8, #7639B8, #1C1C33)
• Ancient Denim color palette (#F9F2FA, #F2D2D7, #D1B0BF, #2F619B, #110912)
• Dusty Cobalt Cabin color palette (#DAEBE6, #D8BFC0, #C7A298, #2C86C9, #0E241E)
• Weathered Amethyst color palette (#F2F5FF, #DCDCEC, #D4B0D3, #7650F6, #2D3245)
• Aubergine Pier color palette (#DDDDE8, #A6A2AF, #8F7E9D, #640092, #080714)

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