Petrol Courtyard color palette — #F7F6E5 · #90CDB5 · #5BA19C · #536F9F · #3F4D36
Slate takes the lead with Mint Leaf close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#F7F6E5): A whisper-light, dusty green — the color of fresh herbs.
- Mint Leaf (#90CDB5): A luminous, dusty teal — the color of sea glass.
- Eucalyptus (#5BA19C): A luminous, dusty teal — the color of glacier melt.
- Slate (#536F9F): A full-bodied, balanced violet — the color of twilight just after sunset.
- Deep Olive (#3F4D36): A full-bodied, dusty green — the color of a quiet forest floor.
Feels like: Trust, Stability, Calm, Sophistication. Tagged 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
- Worn Petrol Courtyard color palette (#FAF5E3, #B5C691, #72A072, #0D7C91, #484841)
- Washed Seafoam color palette (#E6FBF4, #A3F0CC, #5EB3A9, #5F748F, #2E4446)
- Dusty Workshop color palette (#F2F8E6, #8EC8DD, #6598C3, #855C94, #354E44)
- Weathered Market color palette (#EBF3D8, #41B2CD, #2F7FAF, #6E398E, #113929)
- Tempered Driftwood color palette (#E5FCEC, #C8E1D5, #99B3AC, #9C7582, #614A4E)
- Teal Veranda color palette (#EDF5E8, #4BAF9B, #4C5E4B, #323B2D, #20231C)
- Timeworn Driftwood Balcony color palette (#F5F6EB, #CED5B9, #94A27A, #80823B, #495305)
- Hushed Navy color palette (#DFE0C8, #007465, #00464B, #130065, #000504)
Browse the whole catalog at Explore, or see today's palette.