Dusty Petrol Courtyard color palette — #F5F6EE · #CAE2E0 · #6FA1B7 · #317B83 · #355147

Built around Teal, softened by Blue Fog — the whole palette hums with trust and stability.

The five colors

• Ivory (#F5F6EE): bright and airy, almost weightless.
• Silver (#CAE2E0): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#6FA1B7): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#317B83): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal Brown (#355147): A full-bodied, dusty teal — the color of sea glass.

Feels like: Trust, Stability, 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

• Tempered Cypress color palette (#F7F0ED, #C8E4E2, #75A2C3, #1E7B70, #432E41)
• Softworn Cypress Cabin color palette (#EFF0DF, #7DBFBC, #00777C, #005145, #00353B)
• Aged Archive color palette (#F4F6EF, #C8E4E8, #AA8FAB, #47758E, #5F4B5C)
• Powder Orchard color palette (#EFF7F6, #D5DDEB, #83D3F6, #6CAFB7, #415565)
• Muted Quarry color palette (#EEF2E4, #408AAB, #004161, #002129, #000A17)
• Pale Grove color palette (#F3F7EA, #A0D5FE, #3C83C7, #006280, #203F6E)
• Ancient Bronze color palette (#FFF2EB, #DD9F89, #A28DC1, #A35D44, #61434F)
• Wandering Chestnut color palette (#FFF3E8, #DDDBCB, #C2C5A5, #A2816B, #764807)

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