Petrol Courtyard color palette — #DEEDEB · #6EBEE8 · #0072AA · #004959 · #00172D
Built around Slate, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Frost (#DEEDEB): bright and airy, almost weightless.
- Sky (#6EBEE8): A luminous, balanced blue — the color of a favorite pair of jeans.
- Slate (#0072AA): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#004959): A deep, shadowed, dusty blue — the color of deep harbor water.
- Midnight (#00172D): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Tempered Villa color palette (#F4EEE4, #85B9D5, #106CAE, #004E57, #192D52)
- Hushed Loft color palette (#DCEEE9, #5DC7C1, #007A7E, #004D3F, #001A1D)
- Cerulean Delta color palette (#E0F8F3, #81E2E7, #0093A4, #00635C, #002A34)
- Ancient Thicket color palette (#EAF4F4, #D4D9ED, #80A0BF, #4E7084, #2B3746)
- Patina Villa color palette (#FFF0F7, #C8ECFF, #5794DD, #006A6B, #171A3C)
- Ancient Navy Bloom color palette (#D4E4E3, #3C7CBA, #00377F, #001D2C, #00000D)
- Hushed Cerulean Harbor color palette (#D0E9E6, #009AB6, #005168, #002B2F, #00050A)
- Softworn Plum color palette (#FFD6DE, #C4005B, #825200, #593092, #14021A)
Browse the whole catalog at Explore, or see today's palette.