Tempered Petrol Pier color palette — #E7F1EA · #95BABD · #B89DB8 · #007F97 · #08180F

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

The five colors

• Cream (#E7F1EA): bright and airy, almost weightless.
• Ash (#95BABD): A luminous, dusty blue — the color of open sky before noon.
• Mauve (#B89DB8): A luminous, dusty pink — the color of peonies in June.
• Cerulean (#007F97): A full-bodied, balanced blue — the color of open sky before noon.
• Ink (#08180F): A deep, shadowed, dusty teal — the color of sea glass.

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

Use it as a design system

One click turns Tempered Petrol Pier 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

• Dusty Cobalt color palette (#DBE9E5, #CDB3C7, #C09697, #2275BB, #051814)
• Dusty Drift color palette (#ECF1E8, #9DB8AF, #73A59E, #008566, #0F1607)
• Denim Ridge color palette (#DFECE3, #9EBCB4, #A78C9B, #005E6A, #06180C)
• Dusty Abyss color palette (#E2EEF4, #91A3AF, #687F92, #003D4C, #00050A)
• Softworn Archive color palette (#E9DDE2, #D8B9B3, #BCA095, #8570C3, #2B1922)
• Weathered Jade Thicket color palette (#EBEADC, #5AAD6C, #008462, #006266, #001504)
• Washed Sapphire Studio color palette (#F4EAD4, #0097BD, #2F5ECE, #841A00, #000D18)
• Softworn Indigo color palette (#E2F1FB, #00C6D1, #02A6F4, #7874FF, #000A18)

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