Petrol Courtyard color palette — #E3F2EF · #8EB9C7 · #007681 · #005049 · #00343E
Teal and Forest set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#E3F2EF): bright and airy, almost weightless.
- Ash (#8EB9C7): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#007681): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#005049): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Teal (#00343E): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. 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 Petrol color palette (#F2E5EE, #88BDCD, #007792, #004E34, #001829)
- Timeworn Cerulean Chapel color palette (#ECF8F6, #A7CCDB, #17869E, #005F60, #004155)
- Petrol Garden color palette (#E6F1F1, #95B5D5, #3469AB, #004B69, #182C56)
- Washed Orchard color palette (#EFF0E4, #9AE2E6, #1CB8CB, #1E9187, #00343F)
- Wandering Orchard color palette (#EFF7F5, #D1DDEB, #68A4B1, #107F7A, #395767)
- Fern Courtyard color palette (#D9FDFB, #9DDDC3, #3FAEA4, #216E13, #003A3B)
- Petrol Quarry color palette (#C3E7E2, #469250, #0070AE, #00591A, #002B48)
- Antique Basin color palette (#D3E8E4, #5E879A, #004356, #002224, #000B13)
Browse the whole catalog at Explore, or see today's palette.