Petrol Courtyard color palette — #D1F2FC · #0094C4 · #006EAD · #003D7F · #0C1755
Peacock and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#D1F2FC): A whisper-light, dusty blue — the color of open sky before noon.
- Cerulean (#0094C4): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#006EAD): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#003D7F): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Deep Indigo (#0C1755): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged 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
- Navy Grove color palette (#E0F3F0, #008EA8, #004E73, #16008A, #29045A)
- Aged Cerulean Pier color palette (#D3F8F1, #009FA8, #007484, #004458, #002539)
- Dusty Ultramarine color palette (#CEECFF, #0086E8, #0C5BDD, #252594, #241254)
- Dusty Ultramarine Pier color palette (#D7F0F1, #00ABD1, #007EB8, #3143BF, #28134E)
- Azure Orchard color palette (#C5EDFF, #83C8F6, #5990D2, #5068A9, #3E4065)
- Ancient Veranda color palette (#E2ECFF, #7797F5, #3858C3, #112090, #00072B)
- Gentle Pier color palette (#CEE3FF, #B9C1FF, #C28AE2, #006F97, #131C46)
- Washed Terrace color palette (#CDE3FC, #0388ED, #A46300, #005496, #291500)
Browse the whole catalog at Explore, or see today's palette.