Petrol Lagoon color palette — #F0E7E2 · #72C1D2 · #0074A2 · #004D40 · #021531

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

The five colors

• Parchment (#F0E7E2): bright and airy, almost weightless.
• Cyan (#72C1D2): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate (#0074A2): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004D40): A deep, shadowed, dusty teal — the color of glacier melt.
• Midnight (#021531): A deep, shadowed, dusty blue — the color of open sky before noon.

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 Petrol color palette (#EEF0E5, #6CBFD3, #007390, #004F53, #003346)
• Cobalt Loft color palette (#F8F0EB, #9AD1E7, #2581C6, #005C57, #141E3E)
• Sapphire Delta color palette (#EEE8E1, #8EBFB1, #3960D3, #004A53, #160D35)
• Softworn Delta color palette (#F2EAE2, #6EA4C3, #0054B0, #00393B, #08002F)
• Airy Lilac color palette (#D1F0DB, #A3D3FE, #A982F2, #006C5B, #001F15)
• Wandering Alley color palette (#C9ECE1, #00948E, #006A79, #003448, #001628)
• Tempered Azure color palette (#CEEFFF, #0C9BDA, #006583, #00293A, #000509)
• Lagoon Drift color palette (#FAEAE1, #239CA0, #005265, #002D1C, #00050C)

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