Petrol Garden color palette — #EDF4EE · #D7DBEF · #839FC1 · #3E7482 · #2C364A
Teal takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#EDF4EE): bright and airy, almost weightless.
- Silver (#D7DBEF): A whisper-light, dusty violet — the color of wild irises.
- Blue Fog (#839FC1): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#3E7482): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Deep Teal (#2C364A): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, 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
- Ancient Cerulean color palette (#DDF4FF, #87C6E0, #4B8EB9, #406087, #25344C)
- Muted Cypress Canyon color palette (#FAF4EF, #CDE3E5, #8A98C0, #227D7C, #674856)
- Worn Denim Atelier color palette (#D9E3DB, #6BA4C6, #155A98, #003841, #01032E)
- Petrol Archive color palette (#E7F3FF, #8AB9E1, #BC9365, #4376A0, #492331)
- Wandering Petrol color palette (#E1EDE3, #7FBFCE, #00759A, #004C48, #00172A)
- Timeworn Periwinkle color palette (#E8F3FF, #70A0D5, #B77A81, #688253, #1B2837)
- Wandering Ash Basin color palette (#E9F3FF, #D9D5E3, #C8A6A6, #7097B0, #34404F)
- Dusty Lagoon Market color palette (#D6E6D9, #468582, #00444B, #002015, #000202)
Browse the whole catalog at Explore, or see today's palette.