Washed Cocoa Courtyard color palette — #FFF2E9 · #C5E2CE · #B5B6C5 · #B7958D · #674500

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

The five colors

• Ivory (#FFF2E9): a clean, paper-quiet neutral.
• Celadon Mist (#C5E2CE): A whisper-light, dusty teal — the color of glacier melt.
• Ash (#B5B6C5): A luminous, dusty violet — the color of a velvet chair.
• Taupe (#B7958D): A luminous, dusty orange — the color of sun-warmed clay.
• Bronze (#674500): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, muted.

Use it as a design system

One click turns Washed Cocoa 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

• Driftwood Lantern color palette (#EBFAED, #C2E8E2, #A5B7D1, #AF8291, #455449)
• Patina Bronze color palette (#FFF3E8, #DBC8A7, #B39579, #A36145, #534800)
• Glacier Balcony color palette (#FFF5D7, #B6F0C4, #7BD7E9, #B58063, #404039)
• Washed Mustard Workshop color palette (#FBF5E5, #BAAD4B, #AD8DC2, #956D7A, #403D36)
• Dusty Fern color palette (#F7F5EC, #F1C99C, #7B8255, #5A4D00, #2E2C21)
• Softworn Honey Studio color palette (#FBD6FF, #C1D9FF, #FFBB75, #724400, #3C352D)
• Washed Terrace color palette (#F8F5ED, #DDD581, #54A8C2, #948F59, #26312B)
• Hushed Garden color palette (#EEE0D1, #9DAB34, #009679, #812925, #100A00)

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