Dusty Courtyard color palette — #F2F7EC · #95D8B6 · #64B7CB · #B27930 · #3C481B

Caramel takes the lead with Cyan close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F2F7EC): bright and airy, almost weightless.
• Pistachio (#95D8B6): A whisper-light, balanced teal — the color of shallow lagoons.
• Cyan (#64B7CB): A luminous, balanced blue — the color of deep harbor water.
• Caramel (#B27930): A luminous, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#3C481B): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Teal Loft color palette (#ECF5EA, #1ACBC0, #CE7956, #846E00, #003611)
• Ancient Iris color palette (#EDF8F7, #A1DCB7, #8E93D6, #945A41, #1D4131)
• Ancient Fern color palette (#F8F5EB, #E2DFC7, #A6BF94, #979E7F, #574E00)
• Dusty Orchard color palette (#E9F6ED, #7AC4D4, #6A8276, #475A4D, #1E231E)
• Patina Driftwood Loft color palette (#F9F3F9, #A7CAF9, #B69DCE, #B66E84, #264C35)
• Washed Driftwood Dune color palette (#F9F5EB, #D7C789, #B79DCB, #BD6982, #5C3921)
• Taupe Harbor color palette (#E3FCF1, #C8E2DB, #CDB7C9, #AD9094, #5F4A4A)
• Aged Chestnut color palette (#E1EFE3, #00929D, #945000, #444800, #000A05)

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