Petrol Garden color palette — #EEF2F9 · #D8D5DF · #BEB9C5 · #6174A2 · #272C35

Slate and Onyx set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#EEF2F9): bright and airy, almost weightless.
• Silver (#D8D5DF): bright and airy, almost weightless.
• Ash (#BEB9C5): a calm mid-gray that lets other colors speak.
• Slate (#6174A2): A full-bodied, dusty violet — the color of a velvet chair.
• Onyx (#272C35): a grounded near-black with real depth.

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

• Mulberry Drift color palette (#F2F0FA, #DDD2DC, #C3BBCE, #8D4E98, #252232)
• Washed Cobalt Ridge color palette (#F9F3F8, #E0D8D8, #CBBBB7, #4E73B6, #4F434E)
• Patina Basalt color palette (#E6E9FF, #BAB7D9, #8F85A4, #685160, #492938)
• Ancient Pier color palette (#E7F6F1, #A2BC96, #5A805C, #305C6A, #0B2E29)
• Hushed Lantern color palette (#FDECFA, #9A92D4, #7D5A93, #6C3231, #1E2039)
• Weathered Indigo Drift color palette (#E9ECFC, #7962BD, #2F2F43, #131520, #05060C)
• Patina Aubergine Meadow color palette (#DFDEEC, #8E8B9A, #6F6680, #40025A, #010006)
• Softworn Coast color palette (#E8E3EB, #BBAEBE, #978797, #741C46, #0E0812)

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