Petrol Garden color palette — #E3E2C0 · #99AD90 · #3A7890 · #6C4039 · #372000
Slate takes the lead with Cocoa close behind in a set that reads as trust and stability at first glance.
The five colors
- Celadon Mist (#E3E2C0): A whisper-light, dusty green — the color of fresh herbs.
- Sage (#99AD90): A luminous, dusty green — the color of fresh herbs.
- Slate (#3A7890): A full-bodied, dusty blue — the color of open sky before noon.
- Cocoa (#6C4039): A full-bodied, dusty orange — the color of sun-warmed clay.
- Espresso (#372000): A deep, shadowed, dusty gold — the color of honey in a jar.
Feels like: Trust, Stability, Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Petrol Garden 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 color palette (#D3E4CD, #89B09C, #6D71A1, #5E4A21, #302F28)
- Timeworn Cypress Archive color palette (#F4F3E4, #78AE8C, #007568, #3D4D24, #191F04)
- Tempered Turquoise Cabin color palette (#E3F5E0, #60B3BC, #5A816D, #664C5B, #503734)
- Chestnut Boulevard color palette (#E9F6D9, #A1C0A7, #9A829C, #85531D, #35312B)
- Ancient Lapis color palette (#C8E7E2, #4F9DB9, #5058C5, #503A00, #272000)
- Aged Denim Grove color palette (#D8EEE0, #4D8B92, #1A527F, #472100, #1D0A00)
- Washed Summit color palette (#D3EEDC, #97B5E2, #8D639F, #4D582D, #213812)
- Softworn Aqua color palette (#BFEFCE, #7AC4C1, #7191AD, #7D6076, #5A4054)
Browse the whole catalog at Explore, or see today's palette.