Petrol Garden color palette — #DEF0EE · #A2C5C7 · #6D939C · #506F90 · #344361
A conversation between Slate and Navy, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#DEF0EE): bright and airy, almost weightless.
- Ash (#A2C5C7): A luminous, dusty blue — the color of open sky before noon.
- Storm Blue (#6D939C): A luminous, dusty blue — the color of deep harbor water.
- Slate (#506F90): A full-bodied, dusty blue — the color of deep harbor water.
- Navy (#344361): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Calm, Sophistication. Tagged vintage, retro, muted, cool.
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
- Muted Villa color palette (#C2EAD5, #A0C5B8, #799770, #277076, #244A5D)
- Antique Turquoise Bloom color palette (#EFF7F6, #B6DBED, #4EA1C0, #007B83, #084058)
- Worn Driftwood Cabin color palette (#E9F8FF, #C0D1DD, #9BB0C7, #807E9C, #524C60)
- Tempered Nightshade color palette (#D0F1F4, #68C0D6, #488DB3, #6A4B9B, #4F2659)
- Patina Cocoa Study color palette (#D7EED9, #7FB0A0, #538773, #6D445F, #503742)
- Ancient Balcony color palette (#CFECE0, #5DA69E, #007C84, #344A8F, #261A50)
- Garnet Lantern color palette (#D0EAFF, #5F7897, #484E7D, #56003D, #29000E)
- Muted Garnet Chapel color palette (#CFE9FF, #A7C0E8, #868DB6, #8F547C, #6F2C43)
Browse the whole catalog at Explore, or see today's palette.