Petrol Lagoon color palette — #DFE0D2 · #6CAEAC · #00848C · #005E52 · #000C0F

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

The five colors

• Bone (#DFE0D2): bright and airy, almost weightless.
• Turquoise (#6CAEAC): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#00848C): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#005E52): A full-bodied, dusty teal — the color of sea glass.
• Ink (#000C0F): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Weathered Denim Lantern color palette (#ECDBD2, #4FA2A1, #006375, #003E24, #000B14)
• Hushed Chapel color palette (#E0E4D5, #66A9D2, #007AC0, #005A71, #00091A)
• Wandering Abyss Field color palette (#F1DED9, #488483, #004254, #002106, #000104)
• Softworn Olive color palette (#E2E9CB, #60C69F, #00AD9C, #427B2A, #001309)
• Azure Atelier color palette (#ECF1E2, #8AC8F2, #0B97F4, #007899, #001E44)
• Emerald Meadow color palette (#DBF5E0, #01A758, #007A43, #00421B, #000301)
• Washed Pine color palette (#DDF0E0, #00853C, #007287, #715300, #000300)
• Hazy Turquoise color palette (#EEF0E3, #99E0F3, #00B5E3, #008F98, #003248)

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