Dusty Courtyard color palette — #F4F7E9 · #A5B698 · #338184 · #824920 · #39482E

Coffee takes the lead with Teal close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#F4F7E9): bright and airy, almost weightless.
• Sage (#A5B698): A luminous, dusty green — the color of fresh herbs.
• Teal (#338184): A full-bodied, dusty teal — the color of glacier melt.
• Coffee (#824920): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#39482E): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Muted Basalt color palette (#FAF5E9, #B4B18E, #537F60, #774A5A, #4A4400)
• Aged Lagoon Balcony color palette (#E9F5F4, #89BFC1, #2E8672, #3A5D51, #0D2D2E)
• Bronze Drift color palette (#F3F7EA, #BBCBA5, #55A08A, #827127, #364B02)
• Washed Parlor color palette (#FCF3EA, #AB9971, #596B2E, #195745, #38352E)
• Aged Loft color palette (#F2F8E7, #B5E4EC, #8DC5E9, #748443, #3E4F37)
• Pine Ridge color palette (#F0E6BF, #94B87A, #288C52, #006550, #014A59)
• Forest Alley color palette (#FAE9CB, #8A9A58, #006E22, #524100, #293300)
• Soft Peony Courtyard color palette (#F1F9E6, #68B18F, #B16EAA, #007853, #593255)

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