Petrol Garden color palette — #FAF2F8 · #E6D5D3 · #D2B3B5 · #5A63A8 · #4C3946

Slate takes the lead with Rosewood Mist close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Ivory (#FAF2F8): bright and airy, almost weightless.
• Bone (#E6D5D3): bright and airy, almost weightless.
• Rosewood Mist (#D2B3B5): A luminous, dusty red — the color of a theater curtain.
• Slate (#5A63A8): A full-bodied, balanced violet — the color of wild irises.
• Charcoal (#4C3946): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Creativity, 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

• Worn Petrol color palette (#EBF9F2, #ECDADF, #CBB4C1, #007599, #32443C)
• Tempered Denim color palette (#F6EBF1, #D5C8CB, #B29A99, #524B85, #382931)
• Dusty Bloom color palette (#FCF3F2, #DFD9D3, #A3AFA5, #A17572, #5A504F)
• Antique Study color palette (#F1F5FE, #DED6E3, #CCAAA2, #8C9AFF, #39404F)
• Ancient Pine Balcony color palette (#FFF5DA, #8CB073, #287B53, #5D4376, #2B4217)
• Timeworn Coast color palette (#D7E9FF, #B297CB, #A57181, #306648, #00504E)
• Timeworn Aubergine color palette (#ECDFE0, #BDA29E, #AE6C4D, #5A1255, #220C0F)
• Ancient Violet Parlor color palette (#FFF1F5, #995FC2, #765200, #553A00, #00373F)

Browse the whole catalog at Explore, or see today's palette.