Petrol Courtyard color palette — #F1F7F2 · #D9DDEE · #7F9CBC · #497589 · #465369
Slate and Blue Fog set the tone — five colors that lean into calm and sophistication.
The five colors
- Ivory (#F1F7F2): a clean, paper-quiet neutral.
- Silver (#D9DDEE): A whisper-light, dusty violet — the color of twilight just after sunset.
- Blue Fog (#7F9CBC): A luminous, dusty blue — the color of deep harbor water.
- Slate (#497589): A full-bodied, dusty blue — the color of deep harbor water.
- Charcoal Brown (#465369): A full-bodied, dusty violet — the color of twilight just after sunset.
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
- Patina Cerulean Station color palette (#EEF6FF, #DBD8E3, #D3BCDD, #6790A8, #485162)
- Antique Field color palette (#DEF5FF, #76B9D3, #4A8BB0, #3E678F, #4C496A)
- Weathered Cypress color palette (#F7EFF2, #D9D0E4, #879BCB, #007B78, #30344E)
- Aged Taupe color palette (#EDF6FF, #83B6DD, #BE8D61, #45789D, #64414F)
- Weathered Petrol Veranda color palette (#E6F2E8, #80BDC8, #007393, #00504A, #00314D)
- Hushed Azure color palette (#EEF6FF, #6D9CCB, #B4757F, #67804B, #324456)
- Cerulean Atelier color palette (#ECF9EE, #A4D8E9, #008EA6, #006856, #00465F)
- Washed Lagoon color palette (#E3F2E5, #41A0A0, #00535E, #003124, #001720)
Browse the whole catalog at Explore, or see today's palette.