Petrol Courtyard color palette — #F7EAF1 · #8DB8D2 · #186CAB · #00504C · #1D2A57
Built around Peacock, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Blush (#F7EAF1): a clean, paper-quiet neutral.
- Ash (#8DB8D2): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#186CAB): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#00504C): A deep, shadowed, dusty teal — the color of glacier melt.
- Navy (#1D2A57): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, 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
- Wandering Cobalt color palette (#FDF1F6, #A7CAE5, #5079B5, #005F63, #34365D)
- Petrol Loft color palette (#E8EBDD, #9ABDAB, #0074A0, #004A55, #001829)
- Antique Denim color palette (#F1DFE5, #7DA3C7, #3C519C, #003D46, #211444)
- Denim Dune color palette (#E5EBFF, #E5B0E0, #C8858E, #3C5C92, #2C2A46)
- Chalky Lantern color palette (#F5EDE7, #B2DFC9, #56AAF5, #00918C, #202B50)
- Cerulean Canyon color palette (#EDDFEA, #449EAC, #00516E, #003126, #00142D)
- Patina Cypress Lagoon color palette (#FBF3F6, #D8DEF0, #7F9CBD, #337B7C, #495266)
- Antique Workshop color palette (#E3E6FB, #7E47C6, #616300, #005732, #25143D)
Browse the whole catalog at Explore, or see today's palette.