Tempered Petrol Lagoon color palette — #E8F1ED · #B9C8C4 · #B29DB1 · #006897 · #09251D

Peacock and Mauve set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E8F1ED): bright and airy, almost weightless.
• Stone (#B9C8C4): soft and architectural.
• Mauve (#B29DB1): A luminous, dusty pink — the color of peonies in June.
• Peacock (#006897): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#09251D): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Denim Atelier color palette (#E4DBE2, #CEBFC8, #B89BA9, #495BA1, #261B24)
• Muted Boulevard color palette (#E5EDE4, #BCC8BD, #90AD99, #006F6C, #142413)
• Muted Cerulean color palette (#E7EEF3, #BEBECD, #AEA1C0, #008CBB, #0F212D)
• Ancient Loft color palette (#DDE8E3, #C0B5BF, #A38394, #004B67, #06261B)
• Softworn Courtyard color palette (#F0F6FC, #D7D8E6, #A5BDDF, #006698, #040E17)
• Patina Coast color palette (#FFF0FB, #EDD7E4, #D7B1C3, #576CD6, #3E2C3A)
• Ancient Pewter Balcony color palette (#E2E1F3, #9B8AB2, #895E8D, #6B3631, #401500)
• Worn Aubergine color palette (#EFE2E8, #B09FA5, #9C7C84, #4B3183, #11050B)

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