Petrol Courtyard color palette — #DFECEB · #73BFDA · #00759D · #004A53 · #001828

Slate and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#DFECEB): bright and airy, almost weightless.
• Sky (#73BFDA): A luminous, balanced blue — the color of deep harbor water.
• Slate (#00759D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#004A53): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#001828): 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

• Cobalt Thicket color palette (#E7F5F4, #93D1F3, #4482AF, #00586C, #05213C)
• Ancient Petrol Terrace color palette (#F4EDE3, #95BCA7, #0070A0, #004F51, #0E2F50)
• Muted Periwinkle color palette (#D0E9FF, #9FCCFF, #899BD7, #1C647E, #061C31)
• Chalky Denim Corridor color palette (#D7F0EF, #5EA3DB, #0057A5, #00364B, #000629)
• Patina Ash Study color palette (#EAF4F3, #D2DAEE, #70A3C4, #4B7183, #283846)
• Weathered Coast color palette (#D6EEEA, #119BA9, #005361, #002C2B, #000508)
• Dusty Olive Lagoon color palette (#E0EEF6, #008DAF, #567800, #004F63, #0C1500)
• Quiet Grape Cabin color palette (#E2F2FF, #0073A5, #7536B3, #005A46, #000C16)

Browse the whole catalog at Explore, or see today's palette.