Dusty Petrol Courtyard color palette — #EDF6FF · #8AB5D9 · #BE8D66 · #3378AA · #654050

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

The five colors

• Ivory (#EDF6FF): bright and airy, almost weightless.
• Sky (#8AB5D9): A luminous, dusty blue — the color of deep harbor water.
• Caramel (#BE8D66): A luminous, balanced gold — the color of old brass.
• Slate (#3378AA): A full-bodied, balanced blue — the color of deep harbor water.
• Cocoa (#654050): A full-bodied, dusty rose — the color of a warm blush.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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

• Patina Cobalt color palette (#EBF3FB, #8DB9DC, #C58F5E, #2A78AD, #482333)
• Worn Cypress color palette (#E8F9FD, #6AC1C0, #C98383, #1C8282, #5C435C)
• Timeworn Petrol color palette (#EFF6FF, #96B1DF, #B7915B, #5472A7, #375639)
• Wandering Summit color palette (#EAF9F3, #9DCCE5, #D3A96F, #0098CE, #514C46)
• Olive Lagoon color palette (#EEF6FF, #739CC6, #B4757E, #658148, #324457)
• Oat Hollow color palette (#EEF6FF, #DAD9E3, #D2BCDD, #7392A6, #404D5E)
• Washed Parlor color palette (#EAFAF1, #9DC2B3, #648A76, #47664D, #394C48)
• Wandering Stone Alley color palette (#F2F5FD, #D3BE92, #535D7C, #303751, #27222D)

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