Petrol Lagoon color palette — #EFF8EE · #E7C59F · #69A990 · #6D5EA4 · #512F12
Built around Slate, softened by Jade — the whole palette hums with optimism and creativity.
The five colors
- Ivory (#EFF8EE): bright and airy, almost weightless.
- Wheat (#E7C59F): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Jade (#69A990): A luminous, dusty teal — the color of glacier melt.
- Slate (#6D5EA4): A full-bodied, balanced violet — the color of twilight just after sunset.
- Espresso (#512F12): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Optimism, Creativity, Sophistication. Tagged 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
- Wandering Petrol Courtyard color palette (#FBF2FA, #F8B9B3, #78A87D, #5467A3, #452E4B)
- Muted Mulberry Canyon color palette (#EFF8F3, #D4CE97, #56A6C0, #93517C, #1B412A)
- Weathered Taupe color palette (#FBF5E6, #AB983F, #387996, #5D4A6D, #59383B)
- Muted Teal color palette (#F9F3F7, #D5D4E2, #9ED4F3, #4EA490, #3D4F65)
- Hushed Ash Courtyard color palette (#EDF8F6, #CCD8F0, #80BBBB, #977D8E, #314C4E)
- Aubergine Courtyard color palette (#E2FBFA, #5CBE7D, #7665C0, #751578, #330D00)
- Gentle Sapphire color palette (#E3FAFF, #00B1A5, #006BC5, #7B0307, #00180D)
- Aged Stone color palette (#ECF8F4, #A8B67A, #3B5B5A, #1E2F29, #0A110C)
Browse the whole catalog at Explore, or see today's palette.