Petrol Courtyard color palette — #F4F6ED · #C6E4D6 · #5892B4 · #136E7F · #275146
Teal takes the lead with Cerulean close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#F4F6ED): bright and airy, almost weightless.
- Celadon Mist (#C6E4D6): A whisper-light, dusty teal — the color of shallow lagoons.
- Cerulean (#5892B4): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#136E7F): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#275146): A full-bodied, dusty teal — the color of shallow lagoons.
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
- Softworn Dune color palette (#F4F7E7, #A0D8ED, #008BB9, #006571, #0B4464)
- Tempered Chapel color palette (#EEF7F6, #D3DCF4, #73C8FB, #52A6B9, #344A5F)
- Patina Abyss color palette (#E7E9DB, #528A95, #004453, #002223, #000B12)
- Cypress Alley color palette (#F6F6E8, #7BC7C2, #007D81, #005749, #003A41)
- Ancient Denim color palette (#F0F0E1, #88A989, #00636C, #003F38, #00242B)
- Plum Cabin color palette (#FFF1F7, #9079C2, #B05D73, #00729B, #492F3B)
- Aged Driftwood Lagoon color palette (#FFF1F6, #ECD4CD, #E2B4D5, #8178A8, #64454F)
- Indigo Archive color palette (#D8E2FF, #939EE7, #7970C2, #5D5191, #504167)
Browse the whole catalog at Explore, or see today's palette.