Petrol Courtyard color palette — #E9F3FD · #D7D4E6 · #BABDD7 · #0071AD · #152736
Slate and Ash set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#E9F3FD): bright and airy, almost weightless.
- Silver (#D7D4E6): A whisper-light, dusty violet — the color of twilight just after sunset.
- Ash (#BABDD7): A luminous, dusty violet — the color of twilight just after sunset.
- Slate (#0071AD): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Midnight (#152736): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Aged Coast color palette (#EFF6FD, #D8D8E8, #ADBDD9, #006DBA, #34414F)
- Denim Alley color palette (#E2EAF4, #C5CBDA, #A1A0BB, #25578C, #0D1721)
- Pewter Veranda color palette (#C9E3F4, #9AB2D3, #8A6599, #475B20, #003628)
- Wandering Garden color palette (#ECF8F5, #E9D3CF, #AFA091, #5C96D1, #223A35)
- Aged Grape Chapel color palette (#F1F1FA, #D6D0E0, #BAA1C1, #733C9C, #18162E)
- Tempered Cobalt Canyon color palette (#E8F3FF, #0088DC, #A02838, #3C3B00, #151B00)
- Aubergine Atelier color palette (#DCDEEC, #A19DB1, #867491, #3F1E71, #03030F)
- Lapis Workshop color palette (#E7EFFF, #464EEF, #331F43, #050E26, #00040A)
Browse the whole catalog at Explore, or see today's palette.