Petrol Garden color palette — #E7FCEA · #AE9460 · #638FB1 · #616DA3 · #344838
Slate takes the lead with Caramel close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#E7FCEA): A whisper-light, dusty green — the color of a quiet forest floor.
- Caramel (#AE9460): A luminous, dusty gold — the color of old brass.
- Slate Blue (#638FB1): A luminous, dusty blue — the color of deep harbor water.
- Slate (#616DA3): A full-bodied, balanced violet — the color of wild irises.
- Forest (#344838): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Trust, Stability, Optimism, Creativity, Sophistication. Tagged 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
- Washed Field color palette (#E8FAF4, #839A59, #7B79A6, #5C588A, #29433C)
- Aged Amber Lantern color palette (#FFF0FA, #CB826E, #4794B5, #5471A0, #4F3B49)
- Ancient Lagoon color palette (#FDEFDF, #B99565, #419E9D, #8D66A1, #33240F)
- Tempered Lilac color palette (#EBFAEA, #CEAA7B, #5AB6B5, #AD7BC5, #384737)
- Softworn Drift color palette (#FFF1F6, #A6BFAD, #997483, #6F536A, #364E45)
- Frosted Moss Meadow color palette (#DAFFF5, #719646, #A16099, #8D4D5F, #144138)
- Wandering Indigo color palette (#CEF7DC, #977D00, #5D60D8, #7633A3, #3B2F00)
- Wandering Chestnut Villa color palette (#E0FFE5, #E3CD9B, #937A48, #694D17, #274228)
Browse the whole catalog at Explore, or see today's palette.