Petrol Courtyard color palette — #ECF4F3 · #D3DAED · #75A2C4 · #0C7790 · #24384C
Teal and Blue Fog set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#ECF4F3): bright and airy, almost weightless.
- Silver (#D3DAED): A whisper-light, dusty violet — the color of twilight just after sunset.
- Blue Fog (#75A2C4): A luminous, dusty blue — the color of open sky before noon.
- Teal (#0C7790): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#24384C): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. 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
- Tempered Studio color palette (#E8F5F6, #86C1B4, #8F97CF, #008473, #25304A)
- Petrol Cabin color palette (#DFECEA, #83BFC7, #00788C, #004B4A, #001922)
- Antique Periwinkle color palette (#FAF4EF, #CBE6E7, #769CCC, #3C7A7B, #614B5A)
- Antique Lagoon color palette (#E6F5F9, #CDDBEB, #B5A8BB, #4D9988, #2C454C)
- Ancient Canyon color palette (#D9EAE9, #567D9D, #003B72, #001D2A, #000107)
- Olive Coast color palette (#DCF8FB, #6AAB98, #5F94B8, #7F7C27, #092D30)
- Hushed Parlor color palette (#E4F7F2, #9FDDDC, #00949F, #006358, #002B32)
- Timeworn Abyss color palette (#D2E2DE, #5A9692, #005457, #002D24, #000507)
Browse the whole catalog at Explore, or see today's palette.