Petrol Courtyard color palette — #E3F7F5 · #88C5DF · #007BAB · #00505C · #001C30
A conversation between Cerulean and Sky, giving this palette its sense of trust and stability.
The five colors
- Ivory (#E3F7F5): A whisper-light, dusty teal — the color of glacier melt.
- Sky (#88C5DF): A luminous, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#007BAB): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#00505C): A deep, shadowed, dusty blue — the color of open sky before noon.
- Midnight (#001C30): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Washed Grove color palette (#E4F7F3, #93DFE1, #0094A2, #00635A, #002A33)
- Misty Cobalt color palette (#FEF3EB, #78C3E2, #0071BD, #005653, #1C2A70)
- Denim Harbor color palette (#D3EAE8, #64A5C8, #005E8E, #003744, #000B1B)
- Softworn Navy Meadow color palette (#CEE5E5, #547CA5, #00377E, #001D2C, #00000D)
- Linen Azure Boulevard color palette (#FFF0F8, #D8D6EE, #40A0F0, #00736E, #0F1663)
- Washed Byzantium color palette (#E8E1F7, #901CF6, #B90052, #00597D, #15002D)
- Aged Aubergine Thicket color palette (#E5E4F7, #8666FB, #00837E, #5300C1, #001B19)
- Patina Fuchsia Garden color palette (#F6EEFF, #F1BBFF, #EC83DA, #5E4BA3, #300B3E)
Browse the whole catalog at Explore, or see today's palette.