Petrol Garden color palette — #D6E7E0 · #0073A4 · #693900 · #2E2700 · #0C0B00
A conversation between Slate and Bronze, giving this palette its sense of nature and growth.
The five colors
- Parchment (#D6E7E0): A whisper-light, dusty teal — the color of sea glass.
- Slate (#0073A4): A full-bodied, balanced blue — the color of open sky before noon.
- Bronze (#693900): A deep, shadowed, balanced gold — the color of old brass.
- Espresso (#2E2700): A deep, shadowed, dusty green — the color of fresh herbs.
- Ink (#0C0B00): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Trust, Stability, Optimism, 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
- Dusty Garden color palette (#DEF3EB, #0085BD, #883925, #2D3900, #101700)
- Ancient Archive color palette (#DAEADE, #007986, #88001A, #3C1F00, #140700)
- Wandering Station color palette (#EBDAE8, #375CDD, #594300, #2C2800, #080D00)
- Wandering Mulberry color palette (#CDE5F6, #0093C2, #9D396B, #424700, #0D2600)
- Airy Cornflower Thicket color palette (#EFF6FF, #3D90FF, #A12C7C, #503000, #001106)
- Timeworn Lagoon color palette (#FAEEF7, #6086F2, #885919, #2C4A1A, #0F2501)
- Washed Grove color palette (#F2D9E7, #6355BC, #711D65, #5C000D, #002333)
- Washed Terrace color palette (#F2E7DD, #7ABBEA, #5066AE, #004B4A, #1B0A33)
Browse the whole catalog at Explore, or see today's palette.