Petrol Courtyard color palette — #C8E1FC · #7C91BB · #625D9C · #582E44 · #2E1832
Built around Slate, softened by Slate Blue — the whole palette hums with creativity and sophistication.
The five colors
- Powder Blue (#C8E1FC): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Slate Blue (#7C91BB): A luminous, dusty violet — the color of a velvet chair.
- Slate (#625D9C): A full-bodied, balanced violet — the color of a velvet chair.
- Mulberry (#582E44): A deep, shadowed, dusty rose — the color of a warm blush.
- Deep Indigo (#2E1832): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Creativity, Sophistication. Tagged vintage, retro, 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
- Ancient Archive color palette (#D5E4EB, #5F9AB2, #296590, #48335F, #1E1631)
- Aged Harbor color palette (#E3E5FF, #A285AC, #8E5280, #5A2B1A, #2D0F1D)
- Aged Dune color palette (#E4EAF8, #6E6EAA, #62487F, #491B26, #2F0002)
- Patina Periwinkle Courtyard color palette (#DCEEFF, #80A3DC, #7C80B7, #7B4F51, #472B26)
- Dusty Field color palette (#E3EFE1, #6B9BBF, #69659F, #514515, #1B3817)
- Patina Station color palette (#E3DFFD, #80569B, #671668, #3F0905, #100400)
- Ash Courtyard color palette (#F1F0FF, #CCC5DA, #9D8EA6, #78616C, #394439)
- Dusty Petrol color palette (#DEEDEA, #80BFC9, #00788D, #004B4B, #001922)
Browse the whole catalog at Explore, or see today's palette.