Dusty Petrol Courtyard color palette — #DFEDE2 · #98B7D6 · #4969A9 · #00485C · #100E38

A conversation between Slate and Deep Indigo, giving this palette its sense of trust and stability.

The five colors

• Honeydew (#DFEDE2): A whisper-light, dusty teal — the color of glacier melt.
• Ash (#98B7D6): A luminous, dusty blue — the color of deep harbor water.
• Slate (#4969A9): A full-bodied, balanced violet — the color of a velvet chair.
• Deep Teal (#00485C): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Indigo (#100E38): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Dusty 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

• Aged Cabin color palette (#E0EDE3, #8EBCCB, #00788C, #004D3F, #001924)
• Petrol Pier color palette (#F7EDE2, #92B5D8, #575FAC, #004F53, #391F51)
• Cobalt Workshop color palette (#F3EEE5, #A6C8EA, #5F84CE, #006882, #252855)
• Antique Station color palette (#D7E2D9, #258791, #004352, #00201B, #000103)
• Airy Brick color palette (#F0D9EF, #B63744, #257100, #114898, #1E0003)
• Washed Drift color palette (#E5DBE6, #C35769, #007B7A, #86002F, #001616)
• Chalky Corridor color palette (#FEE4FD, #F1B296, #C39B5D, #88415D, #2F0A02)
• Wandering Chestnut color palette (#D6E7D8, #95864D, #704E00, #4A2700, #0F0F00)

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