Petrol Courtyard color palette — #F7EAF2 · #7BBDD0 · #006FA5 · #005148 · #172C54
Built around Peacock, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Blush (#F7EAF2): bright and airy, almost weightless.
- Cyan (#7BBDD0): A luminous, dusty blue — the color of a favorite pair of jeans.
- Peacock (#006FA5): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#005148): A deep, shadowed, dusty teal — the color of sea glass.
- Navy (#172C54): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Balance. 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
- Antique Cobalt color palette (#FBF3F6, #A8CAE1, #517BAA, #00605F, #2B3A5A)
- Petrol Market color palette (#E8EAE2, #98BEA8, #007699, #004A51, #001827)
- Chalky Denim Field color palette (#EFDBE2, #76A5C7, #2551A9, #003D42, #1C124C)
- Worn Lilac color palette (#D8F1FF, #ADD1FF, #AA87C5, #007469, #0D3A55)
- Tempered Azure Corridor color palette (#C9EBFF, #309BDA, #005B87, #002B44, #001723)
- Gentle Lagoon Terrace color palette (#C7F0E6, #009B9A, #006D7E, #003E5B, #261B54)
- Hushed Ash color palette (#FAF3F7, #D7DFF1, #7C9DBC, #467782, #475368)
- Azure Canyon color palette (#F5EDE8, #A5DDEF, #38AEF6, #009284, #1A2D51)
Browse the whole catalog at Explore, or see today's palette.