Petrol Garden color palette — #EDF2F9 · #DBD6E0 · #C7B8C4 · #5A76A1 · #252D37
Slate takes the lead with Stone close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#EDF2F9): a clean, paper-quiet neutral.
- Silver (#DBD6E0): bright and airy, almost weightless.
- Stone (#C7B8C4): A luminous, dusty pink — the color of a candy shop window.
- Slate (#5A76A1): A full-bodied, dusty blue — the color of open sky before noon.
- Onyx (#252D37): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Petrol Parlor color palette (#F2F5FB, #DDD9E3, #C7BBCC, #5D73A5, #434850)
- Muted Pewter Terrace color palette (#F3F0F8, #DDD3D6, #C3B2BA, #864E78, #231E2B)
- Aged Abyss color palette (#D3F2FF, #ABBAD2, #9286A6, #43686E, #043B43)
- Weathered Indigo Loft color palette (#DDE1F0, #7862C1, #352C40, #121521, #03070B)
- Nightshade Chapel color palette (#ECF2FF, #D3D1E6, #B5A4BE, #5049B1, #12192D)
- Dusty Pewter color palette (#ECF5EB, #B6B789, #5F7F5C, #584F6F, #132D22)
- Navy Canyon color palette (#E1E7F0, #9E9EAE, #82768D, #1D297F, #01040F)
- Patina Summit color palette (#D9FAF4, #57A7CC, #795C96, #285220, #142337)
Browse the whole catalog at Explore, or see today's palette.