Tempered Petrol Lagoon color palette — #E7FBED · #DF9BAB · #B07846 · #2D669C · #4D3349

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

The five colors

• Ivory (#E7FBED): A whisper-light, dusty teal — the color of shallow lagoons.
• Ballet Pink (#DF9BAB): A luminous, balanced red — the color of a theater curtain.
• Caramel (#B07846): A luminous, balanced gold — the color of old brass.
• Peacock (#2D669C): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#4D3349): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Optimism, Warmth, Comfort, Balance. Tagged retro, muted, warm.

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

• Petrol Dune color palette (#ECFAED, #E6AF9E, #A0925B, #6467A6, #5A3E4A)
• Timeworn Amber Corridor color palette (#FDF5E0, #FFB4BD, #B78750, #356A85, #37302C)
• Tempered Mallow color palette (#E6FBF1, #C5A0DE, #B86D79, #007275, #413753)
• Weathered Coral Bloom color palette (#FBF2FA, #DF8A84, #42936A, #006785, #243564)
• Hushed Cerulean Lantern color palette (#F8F2FF, #D7C2D1, #8CAD8C, #5F809E, #474D6D)
• Amber Dune color palette (#EDE0E8, #CD744D, #3B543E, #3B2633, #1D161D)
• Hushed Bronze Market color palette (#FFF3E5, #D07F62, #995700, #395824, #423C37)
• Wandering Lagoon color palette (#EAF9F5, #9CD0CF, #5F9C95, #776A8C, #214A4A)

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