Tempered Petrol Lagoon color palette — #ECF8F5 · #F1D8DF · #CEB2C7 · #396E9F · #2F453F

A conversation between Slate and Rosewood Mist, giving this palette its sense of trust and stability.

The five colors

• Ivory (#ECF8F5): bright and airy, almost weightless.
• Shell Pink (#F1D8DF): A whisper-light, dusty rose — the color of pressed rose petals.
• Rosewood Mist (#CEB2C7): A luminous, dusty pink — the color of a candy shop window.
• Slate (#396E9F): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#2F453F): 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 Lagoon 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

• Tempered Villa color palette (#E9F5F1, #E5D6D9, #D1B6C5, #0071B0, #192924)
• Cobalt Balcony color palette (#F0F6FC, #DAD8EA, #C3BBD2, #2D8DD0, #35414C)
• Hushed Cypress Cabin color palette (#F0F7F1, #C9E0DC, #A9C4B5, #00797E, #384339)
• Denim Thicket color palette (#F5EBF4, #D6C7D2, #B396A8, #2E548F, #362935)
• Washed Driftwood Coast color palette (#FCF2F4, #E4D8D2, #ADAFA3, #9B777D, #5A4F51)
• Soft Lilac color palette (#E1E3FF, #B9A1E9, #876D91, #814948, #733A11)
• Hushed Aubergine color palette (#FFF1F4, #ECC8CE, #C49A9D, #793796, #442A32)
• Antique Aubergine color palette (#ECE2E5, #B9A2A8, #96757B, #442465, #210C15)

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