Petrol Lagoon color palette — #E4EDE6 · #81BEBD · #008493 · #005B45 · #00242F
Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.
The five colors
- Cream (#E4EDE6): bright and airy, almost weightless.
- Mint Leaf (#81BEBD): A luminous, dusty teal — the color of sea glass.
- Cerulean (#008493): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#005B45): A full-bodied, balanced teal — the color of sea glass.
- Midnight (#00242F): 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 Petrol Courtyard color palette (#DCE9DE, #71ACBC, #007096, #004A48, #001528)
- Muted Cerulean Summit color palette (#FFF4E2, #80DEDD, #008A9A, #00533F, #000F16)
- Cerulean Drift color palette (#E8F1EA, #95CFDB, #0094BC, #006D65, #00314D)
- Aged Cobalt Drift color palette (#DFE7E1, #87B8D7, #1A77C9, #005764, #061654)
- Pine Dune color palette (#F6E5E0, #5ED5D3, #00A2C7, #1A822F, #00203E)
- Worn Lagoon color palette (#F0F8F1, #CFDDEF, #67B1C8, #008E7D, #234D64)
- Muted Ultramarine Hollow color palette (#DCE6DE, #7895B4, #254EB4, #003949, #07002B)
- Quiet Balcony color palette (#D0EAD3, #53AF6F, #00743D, #004223, #001005)
Browse the whole catalog at Explore, or see today's palette.