Petrol Garden color palette — #F6EFF4 · #E3D1D2 · #C2B2B9 · #51619A · #261D24

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

The five colors

• Ivory (#F6EFF4): bright and airy, almost weightless.
• Silver (#E3D1D2): A whisper-light, dusty red — the color of a theater curtain.
• Ash (#C2B2B9): A luminous, dusty rose — the color of pressed rose petals.
• Slate (#51619A): A full-bodied, balanced violet — the color of a velvet chair.
• Onyx (#261D24): quiet, heavy and certain.

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

• Denim Cabin color palette (#F2F5FB, #DBD7E0, #B4B1C2, #405FAB, #353B45)
• Plum Corridor color palette (#FDEEED, #DFD3CB, #D5B7B0, #9B4B76, #331F1E)
• Washed Study color palette (#FAF3F9, #E7D7D7, #C2B3A3, #7189BC, #362935)
• Grape Corridor color palette (#FBEEF1, #E2CED1, #C89FA2, #802E9E, #281219)
• Ancient Mulberry Cabin color palette (#F0E7E5, #D5C8C5, #B99C92, #813A53, #22100E)
• Antique Alley color palette (#F6E9F1, #BFADB6, #A1848E, #3C3488, #11070D)
• Softworn Cocoa color palette (#F8D4DC, #BD97B5, #926461, #6B462B, #332208)
• Velvet Canyon color palette (#F6E5EC, #6F4EAA, #371A24, #18060E, #040103)

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