Petrol Lagoon color palette — #EBECE1 · #87AB8D · #008394 · #005E59 · #000B10
Cerulean takes the lead with Peacock close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#EBECE1): bright and airy, almost weightless.
- Sage (#87AB8D): A luminous, dusty green — the color of a quiet forest floor.
- Cerulean (#008394): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#005E59): A full-bodied, dusty teal — the color of glacier melt.
- Ink (#000B10): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, 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
- Hushed Bloom color palette (#E3E6DA, #6FA9C6, #007CB6, #005B6D, #000A18)
- Timeworn Denim Meadow color palette (#EADBD4, #639EA3, #00617D, #003D2C, #000A17)
- Timeworn Lagoon color palette (#D7EAE6, #2B878F, #00444E, #001F1E, #000202)
- Muted Cornflower color palette (#E5EADB, #98C5EE, #4793EF, #0076A1, #04194E)
- Ancient Bronze Bloom color palette (#EBE3D2, #8B832F, #715F00, #513C00, #030400)
- Turquoise Ridge color palette (#EEF0E6, #B2DFC8, #49B0E3, #008EA1, #00314E)
- Worn Teal Field color palette (#F5F6ED, #C4E5DD, #6ACFDC, #3AAD9F, #2B513B)
- Grape Workshop color palette (#F4D9CD, #C52E26, #7A6400, #8C009D, #070000)
Browse the whole catalog at Explore, or see today's palette.