Petrol Garden color palette — #FDF3EB · #D09977 · #8D8E4B · #007599 · #453130
Teal takes the lead with Moss close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#FDF3EB): a clean, paper-quiet neutral.
- Camel (#D09977): A luminous, balanced gold — the color of old brass.
- Moss (#8D8E4B): A luminous, balanced green — the color of a quiet forest floor.
- Teal (#007599): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Espresso (#453130): A deep, shadowed, dusty orange — the color of autumn markets.
Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged jewel, vibrant, 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
- Dusty Corridor color palette (#FAF5EA, #B7A76E, #509172, #50619F, #3A3330)
- Hushed Cypress color palette (#FFF2F0, #D191A2, #A37950, #007E65, #422D37)
- Weathered Cocoa Delta color palette (#FEF4E4, #E7ACB2, #AD8B65, #4E6FA3, #6F3511)
- Mallow Villa color palette (#FFF2F0, #FE9DBC, #BE9D6A, #8389B9, #433033)
- Stone Courtyard color palette (#FAF2FB, #FCA6A1, #57A296, #39766C, #222532)
- Hazy Lantern color palette (#FEF4E4, #A7872F, #007C4F, #3A3BAB, #351602)
- Timeworn Canyon color palette (#FBF3F1, #DCDAD3, #ADB5AB, #C48A87, #5B504C)
- Chestnut Thicket color palette (#F9F0E9, #C78C67, #735100, #552C00, #27201D)
Browse the whole catalog at Explore, or see today's palette.