Petrol Lagoon color palette — #F1E5EA · #96B8D2 · #4A68AD · #004C48 · #190938
Slate takes the lead with Deep Indigo close behind in a set that reads as creativity and calm at first glance.
The five colors
- Rose Water (#F1E5EA): bright and airy, almost weightless.
- Ash (#96B8D2): A luminous, dusty blue — the color of deep harbor water.
- Slate (#4A68AD): A full-bodied, balanced violet — the color of wild irises.
- Forest (#004C48): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Indigo (#190938): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Creativity, 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
- Ancient Grove color palette (#ECF4EB, #ACCBE9, #6977B7, #005B5D, #28153D)
- Petrol Summit color palette (#E7F2E9, #94B6D0, #1E6AB3, #004E5A, #18295C)
- Muted Meadow color palette (#EEE6EE, #78C2C1, #007793, #005016, #00162F)
- Softworn Meadow color palette (#F9EEF7, #98DEE5, #008EC0, #00663B, #082250)
- Patina Cypress Summit color palette (#F8EFF2, #D9D0E3, #899CC1, #2A7879, #323449)
- Aged Denim color palette (#FCE7F4, #3797B3, #004B83, #002D23, #03001B)
- Plum Summit color palette (#C9E6E9, #00947E, #AB405F, #005345, #29000D)
- Hushed Dune color palette (#E8DFE8, #368784, #004353, #002103, #000104)
Browse the whole catalog at Explore, or see today's palette.