Petrol Lagoon color palette — #EFF7F3 · #A3CBB9 · #8470B1 · #00779E · #3A2730
A conversation between Slate and Slate, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EFF7F3): bright and airy, almost weightless.
- Pistachio (#A3CBB9): A luminous, dusty teal — the color of sea glass.
- Slate (#8470B1): A full-bodied, balanced violet — the color of wild irises.
- Slate (#00779E): A full-bodied, balanced blue — the color of deep harbor water.
- Espresso (#3A2730): A deep, shadowed, dusty rose — the color of a warm blush.
Feels like: Trust, Stability, Creativity, Sophistication. Tagged duotone, 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
- Softworn Cobalt color palette (#F9F3F8, #D6B3D3, #986B96, #3E6ABD, #3A282B)
- Worn Driftwood Boulevard color palette (#EEF3EF, #8DD1D6, #B16983, #008188, #201210)
- Washed Cerulean Harbor color palette (#EFF7F9, #9BDFE6, #C883A3, #249EA9, #312B35)
- Dusty Chestnut color palette (#FDF4E6, #8EA9D2, #7C6F99, #7B4E11, #563F50)
- Gentle Nightshade color palette (#D8FFF3, #AEC3EA, #7B7BAF, #6A4A9B, #63366B)
- Cerulean Workshop color palette (#F8F3F9, #E1D7D9, #B2ACA2, #6585A8, #575058)
- Aubergine Terrace color palette (#D3E8E1, #006192, #3D005B, #002034, #040008)
- Chalky Aubergine Villa color palette (#F0E5EB, #706ABC, #740047, #320088, #0D0000)
Browse the whole catalog at Explore, or see today's palette.