Petrol Courtyard color palette — #E3FCCE · #93BD97 · #538674 · #00688B · #33506F
Peacock and Sage set the tone — five colors that lean into nature and growth.
The five colors
- Custard (#E3FCCE): A whisper-light, dusty green — the color of new leaves after rain.
- Sage (#93BD97): A luminous, dusty green — the color of a quiet forest floor.
- Fern (#538674): A full-bodied, dusty teal — the color of glacier melt.
- Peacock (#00688B): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#33506F): A full-bodied, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged vintage, retro, muted, cool.
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
- Aged Denim Coast color palette (#B7F1D4, #89BCC3, #2A8B8D, #36588C, #41426B)
- Hushed Oat color palette (#ECF2B6, #B1D58D, #91B794, #6B8E75, #2A5645)
- Muted Quarry color palette (#D7F6FA, #719BA6, #457386, #40467F, #403162)
- Lagoon Study color palette (#EBF8F5, #AAD7E3, #009199, #00685B, #004953)
- Hushed Pewter color palette (#E8F8FF, #B1C3CD, #7D90A2, #6B6B84, #584858)
- Navy Courtyard color palette (#DFF2F3, #408F83, #1F5E61, #1E3463, #211D48)
- Pine Alley color palette (#FFE3EE, #B3A85D, #298B55, #694579, #4A1A36)
- Hazy Mint color palette (#DDFFE8, #61C385, #007B46, #004626, #002C12)
Browse the whole catalog at Explore, or see today's palette.