Petrol Lagoon color palette — #E9EBD9 · #70C2CD · #00788C · #004B4A · #001922
A conversation between Teal and Cyan, giving this palette its sense of trust and stability.
The five colors
- Parchment (#E9EBD9): A whisper-light, dusty green — the color of fresh herbs.
- Cyan (#70C2CD): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#00788C): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004B4A): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#001922): 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
- Wandering Petrol Loft color palette (#E8F1EA, #8ABACB, #00748D, #005146, #003249)
- Hushed Petrol color palette (#E7EBDF, #8FB8DF, #386CAE, #004764, #061333)
- Weathered Turquoise color palette (#DEE1D3, #4BA9CE, #005F87, #003842, #000C19)
- Cobalt Quarry color palette (#F0F4E5, #96DAFF, #008BD0, #005F74, #042645)
- Ash Thicket color palette (#F1F3EA, #C1E6E0, #7DA890, #58735A, #223D31)
- Softworn Cerulean color palette (#E9EDD9, #0086A4, #004259, #001F23, #000103)
- Misty Coast color palette (#DFE5D4, #4B8ED0, #00439A, #00283D, #01001E)
- Gentle Plum color palette (#EDD8E5, #B51191, #993F00, #39428F, #1D0104)
Browse the whole catalog at Explore, or see today's palette.