Petrol Courtyard color palette — #EFE5EC · #66C2CA · #0081A2 · #005C42 · #00213B
A conversation between Cerulean and Cyan, giving this palette its sense of trust and stability.
The five colors
- Blush (#EFE5EC): bright and airy, almost weightless.
- Cyan (#66C2CA): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#0081A2): A full-bodied, balanced blue — the color of open sky before noon.
- Pine (#005C42): A full-bodied, balanced teal — the color of shallow lagoons.
- Midnight (#00213B): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Balance. 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
- Wandering Cobalt color palette (#F3E6EC, #7EBBD8, #0075D2, #005958, #13174A)
- Cerulean Loft color palette (#FBF4EA, #94DAE0, #0088A3, #005346, #000F18)
- Hushed Lagoon color palette (#E5E6D2, #54AEB6, #006370, #003E3B, #00242D)
- Washed Pine color palette (#FAE9E3, #8FCCD2, #2E9ECE, #00824B, #001A4F)
- Timeworn Lilac Coast color palette (#C0E7F6, #80C6FC, #A392FA, #00785A, #02283A)
- Cornflower Summit color palette (#FFF1F7, #8DD5FF, #3389FE, #007276, #2A2967)
- Sky Balcony color palette (#FBF2F8, #C3ECFF, #4AB0E5, #3B8A79, #364961)
- Hushed Scarlet Grove color palette (#D2EEF9, #0098A5, #D81400, #005E67, #3A0100)
Browse the whole catalog at Explore, or see today's palette.