Petrol Garden color palette — #F1F5FC · #DAD7E1 · #AFB1C8 · #496395 · #353B44

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

The five colors

• Ivory (#F1F5FC): bright and airy, almost weightless.
• Silver (#DAD7E1): a clean, paper-quiet neutral.
• Ash (#AFB1C8): A luminous, dusty violet — the color of wild irises.
• Slate (#496395): A full-bodied, balanced violet — the color of a velvet chair.
• Charcoal (#353B44): 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

• Worn Petrol color palette (#EEF2F8, #D8D4DD, #BAB3C8, #3264A8, #18212C)
• Antique Cobalt Alley color palette (#F8F3F8, #E2D6D6, #D2B9AF, #4D81C8, #403740)
• Aubergine Coast color palette (#F4F4FF, #D3D0E0, #AF9FBF, #723A9E, #313143)
• Ash Chapel color palette (#D8E4FF, #AB94BE, #7D708B, #3D5B4C, #174A36)
• Washed Navy Garden color palette (#E3E7F0, #B5B8C6, #8D8BA0, #303691, #171F30)
• Ancient Alley color palette (#E6FBF0, #91A374, #486E45, #324E67, #163D34)
• Aged Quarry color palette (#E5E2EF, #9E96A4, #796B7C, #4A0249, #0B0615)
• Misty Quarry color palette (#F1F5FF, #A5CEFF, #979AF9, #A450A3, #362951)

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