Petrol Lagoon color palette — #EBF8F8 · #599B7F · #0B707D · #634465 · #2E3C2F

Teal takes the lead with Fern close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EBF8F8): bright and airy, almost weightless.
• Fern (#599B7F): A luminous, balanced teal — the color of shallow lagoons.
• Teal (#0B707D): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal Brown (#634465): A full-bodied, dusty pink — the color of neon signs at night.
• Forest (#2E3C2F): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Trust, Stability, Sophistication. Tagged jewel, vibrant, 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

• Aged Study color palette (#ECF8F4, #7C8E4D, #27735E, #454C77, #3C2C37)
• Ancient Lagoon Alley color palette (#E7F9FE, #1B939B, #526198, #6B3B51, #24352E)
• Hushed Taupe color palette (#FFF0F8, #9CB07E, #40857C, #744A65, #2E4F4C)
• Patina Taupe Harbor color palette (#E9F9F5, #86A369, #58709C, #744155, #4E3955)
• Cypress Loft color palette (#DCFFEB, #B4CA9E, #609271, #006B67, #004F60)
• Hushed Lagoon color palette (#EFF7F5, #D3DCE0, #AEA9B4, #5E8D80, #4C5552)
• Washed Lagoon color palette (#E0F7F6, #4E8C68, #2C4045, #1B2C2C, #0F1718)
• Chalky Aubergine Market color palette (#E1FBFF, #007E66, #005D7D, #630059, #012C19)

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