Petrol Courtyard color palette — #F6EDE1 · #69BFDA · #00709F · #004F50 · #072F53
Peacock takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#F6EDE1): bright and airy, almost weightless.
- Cyan (#69BFDA): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#00709F): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004F50): A deep, shadowed, dusty teal — the color of glacier melt.
- Navy (#072F53): 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
- Weathered Pier color palette (#F4E6DD, #98BEA9, #2B71A1, #004C45, #03103C)
- Wandering Cobalt Delta color palette (#FBF4E9, #92CEEE, #3D7DB4, #005E68, #4C2F4A)
- Aged Pier color palette (#E4F2F0, #B7D9EB, #49B2DC, #008F9C, #00324A)
- Dusty Ultramarine Corridor color palette (#E5DFD4, #65A5D7, #0952AF, #003C49, #131947)
- Worn Iris color palette (#D5FFEC, #9CC0F2, #9590D1, #006571, #0E3F35)
- Washed Cerulean color palette (#CAE8E6, #00A1AB, #006C82, #004057, #1D214A)
- Patina Courtyard color palette (#EADFCE, #00A2AF, #005265, #003129, #001623)
- Patina Cerulean Terrace color palette (#FBF4EA, #C7E6C6, #4897A4, #356F5B, #2D5040)
Browse the whole catalog at Explore, or see today's palette.