Petrol Garden color palette — #EDF4F0 · #97CDE0 · #A96E88 · #007E9D · #201111
Cerulean takes the lead with Dusty Rose close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#EDF4F0): bright and airy, almost weightless.
- Sky (#97CDE0): A luminous, dusty blue — the color of a favorite pair of jeans.
- Dusty Rose (#A96E88): A luminous, balanced rose — the color of a warm blush.
- Cerulean (#007E9D): A full-bodied, balanced blue — the color of deep harbor water.
- Ink (#201111): A deep, shadowed, dusty red — the color of a theater curtain.
Feels like: Trust, Stability, Sophistication. Tagged duotone, 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
- Petrol Cabin color palette (#EFF7F4, #8FC7F3, #946AA5, #2573A8, #39292D)
- Dusty Balcony color palette (#F0F3ED, #B7CBA8, #8775BA, #00856C, #1E1117)
- Antique Cobalt Archive color palette (#F5F0F4, #D8B7D3, #A77749, #4E6EBA, #1D140A)
- Dusty Blush Workshop color palette (#EFF6FA, #A3DCEC, #C980AB, #4199B0, #302B36)
- Ancient Forest Lagoon color palette (#F1F4E5, #76B6CE, #806DA3, #2F5F2D, #362537)
- Gentle Workshop color palette (#E7F6F1, #62AFEA, #B93718, #006095, #150400)
- Antique Field color palette (#F9EEF6, #7E8AB7, #915980, #50530A, #22121E)
- Misty Dune color palette (#D7FDE6, #A0C3E9, #8981B7, #7B3F7A, #551131)
Browse the whole catalog at Explore, or see today's palette.