Petrol Courtyard color palette — #F5EBF3 · #E7D0DB · #D0ADB4 · #5671A5 · #332B32
Built around Slate, softened by Rosewood Mist — the whole palette hums with sophistication.
The five colors
- Blush (#F5EBF3): bright and airy, almost weightless.
- Silver (#E7D0DB): A whisper-light, dusty rose — the color of strawberry cream.
- Rosewood Mist (#D0ADB4): A luminous, dusty red — the color of embers at dusk.
- Slate (#5671A5): A full-bodied, balanced violet — the color of twilight just after sunset.
- Onyx (#332B32): quiet, heavy and certain.
Feels like: Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns 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
- Weathered Veranda color palette (#EDDFE7, #D9BBC3, #BE9B9B, #5B5698, #291A23)
- Hushed Violet color palette (#FFF1F4, #F7D4D3, #E2AFB0, #985AAB, #412C31)
- Worn Cornflower color palette (#EAEFF6, #D7D0DD, #CBB1C5, #568EF7, #242E3E)
- Timeworn Fern Canyon color palette (#DDEBFF, #B6A3D1, #9B6985, #4D601C, #003F2A)
- Worn Driftwood color palette (#FBF2F6, #E5D8D4, #CEBDB2, #AC8194, #4F4449)
- Aged Garnet color palette (#E8DDDD, #BA9D96, #988174, #692A56, #120506)
- Pine Study color palette (#ECE4D3, #9AAF5C, #3D8348, #584C7B, #2E290B)
- Tempered Cornflower Lantern color palette (#E5E0BA, #548CFF, #8A4C97, #3F4F00, #211E43)
Browse the whole catalog at Explore, or see today's palette.