Petrol Lagoon color palette — #F6E7E0 · #86AB90 · #007FA9 · #005F4C · #00091A
Cerulean takes the lead with Pine close behind in a set that reads as nature and growth at first glance.
The five colors
- Rose Water (#F6E7E0): bright and airy, almost weightless.
- Sage (#86AB90): A luminous, dusty teal — the color of sea glass.
- Cerulean (#007FA9): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#005F4C): A full-bodied, balanced teal — the color of glacier melt.
- Ink (#00091A): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, 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 Parlor color palette (#EBDDD5, #6FAAC3, #0077C9, #005D5A, #03002E)
- Washed Study color palette (#DDEEEB, #609EA6, #006374, #003B3A, #000B11)
- Olive Quarry color palette (#EAF2D0, #63BAAE, #35A3D6, #5A7100, #000E09)
- Muted Lagoon color palette (#D0F5E6, #00A37D, #00785D, #003F2A, #000201)
- Muted Studio color palette (#F2E2EE, #1C8794, #004258, #002017, #000104)
- Chalky Pine color palette (#F3E3DB, #91CDCA, #00A3BE, #00824D, #002234)
- Weathered Chapel color palette (#D1EBE2, #00826A, #833BBA, #A20055, #000202)
- Feathered Plum color palette (#E5EBCB, #34AB52, #B43891, #00511C, #11000B)
Browse the whole catalog at Explore, or see today's palette.