Petrol Garden color palette — #EDF7FF · #DCD7EC · #BBB9D0 · #0072A5 · #33424E
A conversation between Slate and Ash, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EDF7FF): a clean, paper-quiet neutral.
- Silver (#DCD7EC): A whisper-light, dusty violet — the color of wild irises.
- Ash (#BBB9D0): A luminous, dusty violet — the color of a velvet chair.
- Slate (#0072A5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#33424E): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Dusty Cobalt color palette (#EBF4F2, #E9D5DA, #D1B5CA, #166EB5, #102A25)
- Softworn Denim Parlor color palette (#E8EFF7, #C5CBE0, #A19DB5, #13588D, #262F38)
- Wandering Driftwood Bloom color palette (#F5F4FC, #E3D7DE, #B4ACA4, #807DA0, #525259)
- Hushed Periwinkle Lagoon color palette (#D1F3FF, #97A7EB, #956885, #576436, #274F43)
- Aged Thicket color palette (#EDF8F4, #EADBDE, #DEBFBD, #41ADF5, #31453E)
- Softworn Aubergine Atelier color palette (#E8ECFC, #ACA4BE, #8A788C, #3E1D7A, #101320)
- Wandering Garden color palette (#EAF8FF, #008CA7, #AA0022, #344700, #00341B)
- Chalky Summit color palette (#FFF0F7, #C39F06, #587423, #5A4673, #1E432D)
Browse the whole catalog at Explore, or see today's palette.