Petrol Courtyard color palette — #F8EFF2 · #D8D0E4 · #879EBD · #447382 · #2D354B
Slate and Blue Fog set the tone — five colors that lean into calm and sophistication.
The five colors
- Ivory (#F8EFF2): bright and airy, almost weightless.
- Silver (#D8D0E4): A whisper-light, dusty violet — the color of a velvet chair.
- Blue Fog (#879EBD): A luminous, dusty blue — the color of deep harbor water.
- Slate (#447382): A full-bodied, dusty blue — the color of deep harbor water.
- Navy (#2D354B): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Calm, Sophistication. Tagged coastal, cool, light, 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
- Weathered Petrol Coast color palette (#EFF7F7, #D7DBEC, #739EC5, #237995, #40546C)
- Washed Taupe color palette (#E9F3FD, #8CB9DD, #C39066, #44779E, #442634)
- Ancient Ash Canyon color palette (#E6F4FF, #DAD6E4, #B0ACA2, #6F9BAE, #2C3748)
- Hushed Petrol color palette (#F1E5EE, #8DBBCF, #00749F, #004D3F, #001532)
- Quiet Denim Study color palette (#FBEAF2, #67A5C6, #0256A7, #00393A, #060030)
- Washed Orchard color palette (#EAF3FF, #ABCBF7, #5B85B2, #294B74, #021C37)
- Softworn Abyss color palette (#F3E0ED, #539797, #005262, #002E1A, #00050B)
- Hushed Periwinkle Drift color palette (#E8F3FF, #71A0D4, #AF835C, #94723A, #1A2838)
Browse the whole catalog at Explore, or see today's palette.