Petrol Lagoon color palette — #EAFAF3 · #AFC79B · #719F7E · #2F7992 · #2E4F4A
A conversation between Slate and Eucalyptus, giving this palette its sense of nature and growth.
The five colors
- Ivory (#EAFAF3): a clean, paper-quiet neutral.
- Pistachio (#AFC79B): A luminous, dusty green — the color of fresh herbs.
- Eucalyptus (#719F7E): A luminous, dusty teal — the color of sea glass.
- Slate (#2F7992): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#2E4F4A): A full-bodied, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged retro, 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
- Aged Petrol Harbor color palette (#E4FBF6, #90CCBF, #5F9FA3, #5D6AA7, #2A4E55)
- Muted Celadon Summit color palette (#FDF5DE, #D0E8A0, #88AD89, #587C67, #444100)
- Tempered Delta color palette (#FFF1F6, #AFAA75, #348963, #6A4E6C, #374D47)
- Taupe Orchard color palette (#E5F6F3, #84A779, #475D5C, #273D39, #192421)
- Ancient Nightshade Basin color palette (#D8F6EF, #51B69F, #00888C, #364CA4, #003933)
- Patina Denim Canyon color palette (#E2FAFF, #C5DBE2, #91ABB9, #7A849F, #4C4E69)
- Weathered Sand color palette (#FFF3E8, #D8D58A, #79BFA0, #9C80A5, #484841)
- Dusty Aubergine Drift color palette (#CDF5EE, #00948B, #006470, #310999, #001B1B)
Browse the whole catalog at Explore, or see today's palette.