Petrol Courtyard color palette — #E5FAF8 · #88C0DE · #0075AD · #005364 · #00355C
A conversation between Cerulean and Navy, giving this palette its sense of trust and stability.
The five colors
- Ivory (#E5FAF8): A whisper-light, dusty teal — the color of glacier melt.
- Sky (#88C0DE): A luminous, dusty blue — the color of deep harbor water.
- Cerulean (#0075AD): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#005364): A full-bodied, dusty blue — the color of deep harbor water.
- Navy (#00355C): A deep, shadowed, balanced blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, 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
- Dusty Cypress color palette (#E3FCF5, #83C6C0, #007E80, #005748, #003B40)
- Wandering Cobalt color palette (#FFECF4, #79C6EC, #0071D0, #005151, #0F0F47)
- Powdered Lilac Loft color palette (#EDF6FF, #C0D6FF, #969AFF, #00658D, #1E3C68)
- Tempered Cerulean Atelier color palette (#D9F0F5, #00A0C5, #00698D, #004A6C, #003356)
- Hazy Cornflower Archive color palette (#FFF3E9, #84D7FF, #188DF9, #007272, #23286E)
- Feathered Byzantium Drift color palette (#D7EBFE, #0075C1, #9400C4, #006055, #002644)
- Faded Periwinkle color palette (#E4F1FF, #409FFB, #00569E, #002D51, #00192F)
- Softworn Olive Study color palette (#CFE9FC, #0090C4, #3F8300, #005576, #173700)
Browse the whole catalog at Explore, or see today's palette.