Petrol Lagoon color palette — #F0FAD9 · #96D4C4 · #4EB7AF · #008196 · #335A4A
A conversation between Cerulean and Turquoise, giving this palette its sense of trust and stability.
The five colors
- Custard (#F0FAD9): A whisper-light, dusty green — the color of a quiet forest floor.
- Lagoon (#96D4C4): A whisper-light, dusty teal — the color of sea glass.
- Turquoise (#4EB7AF): A luminous, balanced teal — the color of glacier melt.
- Cerulean (#008196): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#335A4A): A full-bodied, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Calm, Balance. Tagged muted, cool.
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
- Ancient Drift color palette (#ECFBDD, #96D8D3, #3DAEBC, #0588AE, #604762)
- Ancient Frost color palette (#D3FFFE, #98FFE4, #69CECA, #41828E, #375466)
- Weathered Studio color palette (#E0FEEB, #B7DEC3, #53ABC3, #007583, #003B48)
- Lagoon Station color palette (#FFF5D5, #C4D4A0, #81B277, #2B906F, #425739)
- Ancient Basin color palette (#F0F8F0, #89D3D7, #E09C9D, #009FA7, #664338)
- Wandering Teal Study color palette (#EDF9EE, #C7E5E7, #F7CFEA, #82B9A2, #3D5145)
- Washed Canyon color palette (#C3F0F2, #3CBAD8, #0087C4, #0061AE, #293166)
- Dusty Parlor color palette (#CBEFDF, #008076, #00575B, #002B38, #000C15)
Browse the whole catalog at Explore, or see today's palette.