Petrol Courtyard color palette — #F2E6E1 · #72C1D0 · #00749F · #004D3E · #001532
Slate takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.
The five colors
- Parchment (#F2E6E1): bright and airy, almost weightless.
- Cyan (#72C1D0): A luminous, balanced blue — the color of deep harbor water.
- Slate (#00749F): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004D3E): A deep, shadowed, dusty teal — the color of sea glass.
- Midnight (#001532): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, 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
- Petrol Station color palette (#F7EAF3, #8DB9CB, #006FA3, #005237, #1B2A58)
- Muted Cobalt Quarry color palette (#FAF0E9, #8CD4EC, #3982B7, #005C54, #30152D)
- Feathered Denim color palette (#F6E9DF, #53A7D1, #1357A2, #00393A, #060427)
- Aged Cerulean color palette (#EBF9F6, #B2F2FF, #00A2C4, #00696C, #00222F)
- Timeworn Lilac color palette (#D9FAE4, #ADD3FF, #A692E3, #00695D, #001F14)
- Antique Orchard color palette (#BCE7FF, #00A2D9, #006682, #002C3C, #000509)
- Ash Chapel color palette (#F8F0EB, #C4E9E6, #78A2BF, #3E776D, #3F303E)
- Antique Lagoon color palette (#FCE6DC, #009E9D, #005262, #002E19, #00050B)
Browse the whole catalog at Explore, or see today's palette.