Washed Petrol Garden color palette — #F0F6FD · #DDD9E3 · #C9BBC7 · #5E7694 · #414852

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

The five colors

• Ivory (#F0F6FD): a clean, paper-quiet neutral.
• Silver (#DDD9E3): bright and airy, almost weightless.
• Stone (#C9BBC7): A luminous, dusty pink — the color of a candy shop window.
• Slate (#5E7694): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal (#414852): a grounded near-black with real depth.

Feels like: Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Washed 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

• Weathered Bloom color palette (#F4F4FD, #ECD3E2, #CAB4C6, #815598, #3F3E4F)
• Stone Villa color palette (#E6F2FF, #C0B0D9, #8D7A94, #4B6763, #304E56)
• Antique Navy color palette (#E5EDF9, #A6A7BF, #857991, #1D2C7E, #0D1420)
• Softworn Terrace color palette (#ECF9ED, #AEB57E, #567F5C, #5A566E, #2F493F)
• Antique Nightshade Drift color palette (#F1F5FF, #D2CFE8, #B49CC1, #4C48B3, #2A3247)
• Weathered Ridge color palette (#E5E0EA, #C4B3C2, #A18590, #711F52, #231B2B)
• Worn Coral color palette (#F2F5FF, #94E2FF, #B2B9FF, #C06B7E, #373754)
• Dusty Amethyst Market color palette (#DEE4FA, #7653D5, #372C46, #1C1E29, #0C0C11)

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