Petrol Courtyard color palette — #F2F5FC · #DDD8DF · #C8BAC6 · #68719D · #424853
Slate takes the lead with Stone close behind in a set that reads as sophistication at first glance.
The five colors
- Ivory (#F2F5FC): a clean, paper-quiet neutral.
- Silver (#DDD8DF): a clean, paper-quiet neutral.
- Stone (#C8BAC6): A luminous, dusty pink — the color of a candy shop window.
- Slate (#68719D): A full-bodied, dusty violet — the color of a velvet chair.
- Charcoal (#424853): A full-bodied, dusty violet — the color of twilight just after sunset.
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
- Ancient Mulberry Grove color palette (#F6F3FF, #E6D4DD, #CAB4C6, #904E8C, #413D4A)
- Wandering Meadow color palette (#EFF6FF, #AAAAC3, #8E7A97, #4B6A6A, #345063)
- Navy Courtyard color palette (#E4E7F1, #A8A7B7, #867895, #342873, #0E1323)
- Weathered Garnet Veranda color palette (#F4ECF7, #C2B4BF, #A18590, #73223F, #241C27)
- Blush Study color palette (#F2F5FF, #BEDEFF, #C1ACFB, #C77192, #3B3556)
- Tempered Hollow color palette (#DEFDF6, #7596DB, #815888, #1D5C30, #353C53)
- Timeworn Iris Courtyard color palette (#F2F5FF, #8A7BC8, #845922, #494C00, #00423B)
- Antique Basin color palette (#F3F5FC, #DED8DF, #CABAC3, #756C9B, #454751)
Browse the whole catalog at Explore, or see today's palette.