Petrol Courtyard color palette — #EAF5EF · #E5D6D9 · #D0B7C0 · #007699 · #142A21
Teal takes the lead with Onyx close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#EAF5EF): a clean, paper-quiet neutral.
- Silver (#E5D6D9): bright and airy, almost weightless.
- Stone (#D0B7C0): A luminous, dusty rose — the color of a warm blush.
- Teal (#007699): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Onyx (#142A21): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Ancient Petrol color palette (#EDF8F3, #E9D9DE, #D0B2C7, #00739F, #33443D)
- Ancient Petrol color palette (#F9EEF6, #E6D1CD, #D6B7B5, #5764AF, #2E202A)
- Weathered Orchard color palette (#E2ECE8, #D5C6D1, #B99AA3, #005C84, #0A1914)
- Dusty Azure color palette (#EDF7FE, #D8D9E4, #B7ADB7, #289DD3, #2A3740)
- Wandering Jade Veranda color palette (#F8F2D8, #70BB89, #007C74, #224F78, #002911)
- Driftwood Drift color palette (#F8EFF2, #DDD5D1, #B0AFA5, #A07484, #3D3336)
- Washed Navy color palette (#F4ECF3, #BDAEB5, #A78286, #164180, #110611)
- Lowlit Sapphire Canyon color palette (#F7E2F6, #0061E1, #322141, #190919, #000502)
Browse the whole catalog at Explore, or see today's palette.