Petrol Lagoon color palette — #FEF1F8 · #94D5B1 · #6E69A2 · #553849 · #291E24
A conversation between Slate and Pistachio, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FEF1F8): a clean, paper-quiet neutral.
- Pistachio (#94D5B1): A luminous, balanced teal — the color of glacier melt.
- Slate (#6E69A2): A full-bodied, balanced violet — the color of wild irises.
- Charcoal (#553849): A deep, shadowed, dusty pink — the color of a candy shop window.
- Onyx (#291E24): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged luxury, dark, 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 Petrol Summit color palette (#FFF0FC, #D9C193, #5D719B, #324263, #291D28)
- Weathered Drift color palette (#FEF2F4, #B4DDBE, #9C6F78, #63434A, #35272A)
- Quiet Plum Villa color palette (#FFF1F1, #97CC84, #9D4574, #5A2641, #2C1111)
- Indigo Garden color palette (#F3F5FE, #C0F5CC, #7B67B3, #313655, #0C0E1B)
- Worn Harbor color palette (#F4F4FF, #94B99C, #5E456E, #3C1F4C, #21202C)
- Worn Veranda color palette (#FDF2F5, #ECD29C, #AD7FC8, #7B5762, #2C1D21)
- Timeworn Alley color palette (#FCF2F6, #CFB6F6, #A98B47, #8C70B5, #2C2211)
- Worn Grape Grove color palette (#FFD9E4, #00C98E, #7D2EA3, #411457, #20040F)
Browse the whole catalog at Explore, or see today's palette.