Petrol Lagoon color palette — #E8F6EB · #97BFA1 · #C88790 · #00818E · #49261D

Teal takes the lead with Dusty Rose close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#E8F6EB): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#97BFA1): A luminous, dusty teal — the color of sea glass.
• Dusty Rose (#C88790): A luminous, balanced red — the color of embers at dusk.
• Teal (#00818E): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#49261D): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged muted.

Use it as a design system

One click turns 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

• Patina Harbor color palette (#E8F5F1, #91B9D6, #D1866F, #2278AE, #4B2519)
• Hushed Pine Grove color palette (#F1F4E6, #9ABE9C, #C984A3, #368541, #492235)
• Lagoon Hollow color palette (#EBF8FC, #81D5D6, #E89A87, #00A0A2, #5F4357)
• Tempered Moss Courtyard color palette (#EEF9EF, #63C1C5, #A99A37, #188286, #504D46)
• Wandering Bronze Basin color palette (#E4F7ED, #6CA6BC, #BC7491, #AE6132, #142D22)
• Hushed Cabin color palette (#FAF0E7, #C8B9A2, #A07A5B, #7C483C, #322B18)
• Dusty Field color palette (#EAF4F2, #E0BB9F, #456483, #0A3931, #061814)
• Amber Summit color palette (#DAFBE8, #00A9CC, #C66400, #00667C, #361700)

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