Petrol Courtyard color palette — #ECF3F9 · #8CCDF2 · #9C729C · #367A9D · #17141E
Slate takes the lead with Sky close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#ECF3F9): a clean, paper-quiet neutral.
- Sky (#8CCDF2): A luminous, balanced blue — the color of open sky before noon.
- Heather (#9C729C): A luminous, dusty pink — the color of a candy shop window.
- Slate (#367A9D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Ink (#17141E): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Sophistication. Tagged duotone, muted.
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
- Washed Canyon color palette (#EAF4F6, #81D6C8, #8A76B4, #2E8176, #14151E)
- Antique Petrol Orchard color palette (#EFF7F3, #94CADF, #996D8C, #2B7791, #39292A)
- Powder Harbor color palette (#EFF2F9, #B8BCFF, #AE706A, #6A6C9E, #1C121B)
- Patina Cerulean Boulevard color palette (#EDF8F4, #ADD7FA, #B38CB6, #5E92BC, #39292C)
- Softworn Periwinkle Drift color palette (#DFF8F2, #83AEE6, #886B98, #475933, #252C3B)
- Muted Driftwood color palette (#E5F4FF, #A5BDF5, #8C79B2, #6C466C, #481935)
- Timeworn Azure Garden color palette (#EAF3FC, #5593D0, #7D652D, #365940, #0F1F1F)
- Plum Chapel color palette (#E9F3FF, #64AAFF, #BC0082, #005AAD, #0F0319)
Browse the whole catalog at Explore, or see today's palette.