Weathered Petrol Courtyard color palette — #F9F3F9 · #E0D7D9 · #CCB9BB · #5B759C · #4E444E

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

The five colors

• Ivory (#F9F3F9): bright and airy, almost weightless.
• Silver (#E0D7D9): bright and airy, almost weightless.
• Stone (#CCB9BB): A luminous, dusty red — the color of embers at dusk.
• Slate (#5B759C): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal (#4E444E): A full-bodied, dusty pink — the color of peonies in June.

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

Use it as a design system

One click turns Weathered Petrol Courtyard 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

• Washed Petrol Orchard color palette (#F5F0F5, #E1D4D5, #CAB8B5, #4D78A6, #312932)
• Tempered Driftwood color palette (#FBF3F6, #E0D7D6, #B0ADA3, #977788, #5A4F54)
• Dusty Nightshade Drift color palette (#FEF1F9, #E2CBD6, #BB9DA9, #4B48B3, #402B39)
• Dusty Loft color palette (#F0DFE9, #6864BA, #432935, #2A1923, #130A0B)
• Iris Alley color palette (#FFF0FA, #C7DDFF, #ACB9FF, #9578C1, #353356)
• Muted Navy Canyon color palette (#F0E9EF, #B6A3AF, #8F7783, #1E2F76, #1C0E1A)
• Washed Garnet Garden color palette (#ECE2E2, #CAB3B0, #A38780, #721D54, #2D1919)
• Basalt Pier color palette (#F8F5E9, #B4B18E, #637C57, #4A6148, #4A4400)

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