Petrol Courtyard color palette — #CDE8F1 · #009DA4 · #006C99 · #006469 · #000204
Peacock takes the lead with Cerulean close behind in a set that reads as trust and stability at first glance.
The five colors
- Frost (#CDE8F1): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#009DA4): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#006C99): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#006469): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Black (#000204): a grounded near-black with real depth.
Feels like: Trust, Stability, Calm, Sophistication. Tagged duotone, muted, cool.
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
- Gentle Dune color palette (#D8F4FE, #008DBC, #00699E, #00396C, #00031A)
- Nightshade Villa color palette (#D7E9F0, #007988, #4C2ABF, #2C4300, #000203)
- Muted Petrol color palette (#E7F2F7, #98A1B5, #8088A6, #006F83, #000B12)
- Powdered Loft color palette (#C9F4F2, #0086AE, #005BA0, #551F5E, #000408)
- Misty Pier color palette (#DCEFEE, #00A55A, #007372, #006A37, #000203)
- Grape Station color palette (#D5E7F9, #008EEE, #683CD4, #005A9A, #01000E)
- Nightshade Meadow color palette (#E6F1E5, #008D87, #0718AC, #003330, #030003)
- Wandering Drift color palette (#D3E8FB, #0078BA, #5C2AC1, #600051, #000202)
Browse the whole catalog at Explore, or see today's palette.