Petrol Courtyard color palette — #EEF8F0 · #71C6D9 · #00789E · #005652 · #003658
Built around Cerulean, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Ivory (#EEF8F0): a clean, paper-quiet neutral.
- Sky (#71C6D9): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#00789E): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#005652): A full-bodied, dusty teal — the color of shallow lagoons.
- Navy (#003658): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Sunlit Sapphire color palette (#EEF8F0, #89BEE7, #0068DA, #005364, #232D61)
- Frosted Cobalt color palette (#FFEBF9, #44CFEA, #0078B7, #00543C, #0C1244)
- Powdered Sky color palette (#F4F8E2, #8DEAFF, #00BDE8, #00969D, #00384D)
- Worn Denim Summit color palette (#DEE7E0, #55ACC6, #005F85, #003E3E, #00203E)
- Pale Azure color palette (#FFF2EC, #49E0FD, #0095DF, #007555, #222E60)
- Worn Cerulean color palette (#F1F7F2, #C2E1F7, #588FBF, #146F78, #39495F)
- Tempered Quarry color palette (#E3ECE4, #5287A7, #003D70, #002127, #010427)
- Timeworn Meadow color palette (#FBE1EF, #C4008F, #6D6600, #005B75, #3F0D2D)
Browse the whole catalog at Explore, or see today's palette.