Petrol Garden color palette — #D3F3E3 · #7EACA9 · #408088 · #6D4047 · #372230
A conversation between Slate and Cocoa, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#D3F3E3): A whisper-light, dusty teal — the color of glacier melt.
- Blue Fog (#7EACA9): A luminous, dusty teal — the color of glacier melt.
- Slate (#408088): A full-bodied, dusty blue — the color of open sky before noon.
- Cocoa (#6D4047): A full-bodied, dusty red — the color of embers at dusk.
- Onyx (#372230): A deep, shadowed, dusty pink — the color of peonies in June.
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
- Cerulean Orchard color palette (#CDF6EF, #92BAC1, #698BA2, #685161, #422C3B)
- Wandering Lagoon color palette (#FEE7EE, #A9AE80, #4D8366, #514A67, #2F223E)
- Antique Teal Quarry color palette (#C7E5E5, #68ACAF, #617E9E, #61401E, #0D2E17)
- Mint Canyon color palette (#E8E2BB, #8BCAAD, #5598A8, #805C52, #5B3F37)
- Timeworn Lagoon color palette (#C2E9DE, #399377, #00596D, #532122, #270700)
- Ancient Pine Quarry color palette (#E4F7EC, #90AA73, #007844, #4F4718, #05211C)
- Weathered Quarry color palette (#DCF1DE, #16AE81, #007B70, #00474B, #002833)
- Muted Plum Thicket color palette (#CBEEF8, #008E8B, #B43D60, #923D2E, #00171D)
Browse the whole catalog at Explore, or see today's palette.