Petrol Courtyard color palette — #F0F6FC · #D9D8E1 · #ADB3C5 · #386892 · #323C45
Built around Peacock, softened by Ash — the whole palette hums with trust and stability.
The five colors
- Ivory (#F0F6FC): bright and airy, almost weightless.
- Silver (#D9D8E1): bright and airy, almost weightless.
- Ash (#ADB3C5): A luminous, dusty violet — the color of twilight just after sunset.
- Peacock (#386892): A full-bodied, balanced blue — the color of open sky before noon.
- Charcoal (#323C45): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, 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
- Petrol Orchard color palette (#EDF3F7, #D7D4DD, #B6B4CA, #006BA1, #16222C)
- Cobalt Orchard color palette (#F0F7F4, #E7D7D9, #D2BAB5, #3288BE, #2B4039)
- Hushed Pewter color palette (#DFECFF, #9EA4C2, #7A7298, #436248, #2F4E44)
- Mulberry Bloom color palette (#F5F3FF, #E2D5DE, #C5B6C9, #8D4D93, #403D4D)
- Worn Grape color palette (#F2F5FF, #D0D0E6, #AAA1C1, #5F3CB5, #2D3147)
- Mulberry Atelier color palette (#EFEDF4, #D1C8D6, #AB9AAC, #733F69, #302B39)
- Worn Hollow color palette (#DAE1EA, #B4B9C4, #898CA3, #19437F, #132030)
- Patina Archive color palette (#E8FBED, #79A692, #566B34, #2D4F64, #1B3D2F)
Browse the whole catalog at Explore, or see today's palette.