Petrol Courtyard color palette — #F9EDF8 · #96B4E7 · #B59765 · #5471A5 · #35302A
Slate and Sky set the tone — five colors that lean into trust and stability.
The five colors
- Blush (#F9EDF8): a clean, paper-quiet neutral.
- Sky (#96B4E7): A luminous, balanced violet — the color of wild irises.
- Camel (#B59765): A luminous, dusty gold — the color of old brass.
- Slate (#5471A5): A full-bodied, balanced violet — the color of twilight just after sunset.
- Espresso (#35302A): a grounded near-black with real depth.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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
- Wandering Pewter color palette (#FEEDF2, #C0A6DC, #86A873, #7E649A, #31322B)
- Tempered Petrol color palette (#E6F7EA, #76C1CC, #C28E77, #1B808C, #4E2400)
- Timeworn Cobalt Courtyard color palette (#FCF1FC, #94B2DB, #67A986, #4473B3, #4C4E47)
- Weathered Iris color palette (#EFF6FF, #B0C5ED, #D1AA72, #678BD3, #3C543C)
- Ancient Driftwood Drift color palette (#FDECFB, #7F9DD1, #AD864D, #7F7A4B, #31212F)
- Worn Denim color palette (#FFEBF9, #B8C4F5, #767EB1, #434C7C, #301428)
- Ancient Stone Canyon color palette (#FAEDF9, #E8D3D2, #E4B8A4, #6C8F7C, #47353F)
- Grape Courtyard color palette (#FFEBF6, #9388ED, #9B8000, #5C30CF, #282000)
Browse the whole catalog at Explore, or see today's palette.