Petrol Courtyard color palette — #D8EEFC · #007BAB · #003F5C · #001324 · #000104
Built around Cerulean, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Frost (#D8EEFC): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#007BAB): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#003F5C): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#001324): A deep, shadowed, dusty blue — the color of deep harbor water.
- Black (#000104): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication, Depth, Luxury. Tagged monochrome, dark, 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
- Shadow Quarry color palette (#DCEAFF, #3267CD, #00317B, #001129, #000104)
- Antique Periwinkle color palette (#D0E6FF, #589DFF, #006099, #002758, #000A19)
- Ancient Bronze color palette (#E7E9C7, #8B6800, #006996, #070A11, #000201)
- Frosted Raspberry Boulevard color palette (#DEF2F8, #739EE8, #AC53A3, #00463B, #000711)
- Washed Sapphire Cabin color palette (#EEDCED, #2661CA, #6A0800, #002169, #030100)
- Shadow Hollow color palette (#DAECE6, #00486F, #1E4000, #0D2200, #000103)
- Cerulean Lagoon color palette (#FFEAFD, #B4D3FF, #6F85B7, #3F4E7C, #0B1938)
- Patina Lapis Cabin color palette (#EFF1FF, #B6A2FF, #5A55D1, #2E1F8C, #100031)
Browse the whole catalog at Explore, or see today's palette.