Petrol Courtyard color palette — #F1F5FB · #DDD9E2 · #C9BACB · #5E749D · #424851

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

The five colors

• Ivory (#F1F5FB): a clean, paper-quiet neutral.
• Silver (#DDD9E2): a clean, paper-quiet neutral.
• Stone (#C9BACB): A luminous, dusty pink — the color of a candy shop window.
• Slate (#5E749D): A full-bodied, dusty violet — the color of wild irises.
• Charcoal (#424851): a grounded near-black with real depth.

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 Pewter color palette (#F5F4FC, #E6D4E0, #CFB0D0, #875099, #3F3E4D)
• Patina Terrace color palette (#EEF6FF, #B4BBD5, #9B7087, #3B6D67, #355061)
• Patina Pine color palette (#EEF8F1, #ABB58A, #4F8250, #515778, #304840)
• Indigo Grove color palette (#E0E4F4, #775BC1, #352D47, #1B1E2D, #0D0C12)
• Powder Corridor color palette (#F1F5FF, #D1DBFA, #AFAEFF, #C0749E, #353654)
• Timeworn Mulberry color palette (#F1ECF6, #C1B4C0, #A88096, #77154E, #241B2A)
• Dusty Navy Quarry color palette (#EBF0F9, #A5A7BD, #967191, #232488, #0E1420)
• Pewter Corridor color palette (#E3FBF6, #6B9AD6, #815399, #355923, #333D54)

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