Petrol Garden color palette — #FFF3E7 · #B37B3E · #0068A5 · #782935 · #56272D
A conversation between Peacock and Oxblood, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
- Caramel (#B37B3E): A luminous, balanced gold — the color of honey in a jar.
- Peacock (#0068A5): A full-bodied, balanced blue — the color of open sky before noon.
- Oxblood (#782935): A full-bodied, balanced red — the color of a theater curtain.
- Espresso (#56272D): A deep, shadowed, dusty red — the color of embers at dusk.
Feels like: Trust, Stability, Optimism, Warmth, Comfort, Balance. Tagged warm.
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
- Ancient Cobalt Hollow color palette (#F9F5EA, #A39A52, #4C70AB, #744631, #403D37)
- Mulberry Villa color palette (#FFF2EE, #C56972, #007270, #6A2B65, #522A31)
- Quiet Bronze Field color palette (#F6E5CF, #926400, #004E84, #542200, #2A1B00)
- Antique Moss color palette (#E4F7F1, #769C33, #00708B, #562E61, #331500)
- Patina Meadow color palette (#F7F6E6, #8CB549, #2D8EA4, #695183, #56291F)
- Feathered Grape Courtyard color palette (#F9F6DE, #779012, #5423C7, #5B3600, #312B00)
- Cocoa Parlor color palette (#FFEBD5, #B7B28E, #739075, #76564C, #663D00)
- Muted Cobalt Courtyard color palette (#FAF4EF, #C0E7D5, #5A8BD1, #1B7165, #5B3D4E)
Browse the whole catalog at Explore, or see today's palette.