Weathered Cocoa Courtyard color palette — #EBFAEE · #89B1A2 · #847040 · #784119 · #1C4541

A conversation between Bronze and Walnut, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#EBFAEE): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#89B1A2): A luminous, dusty teal — the color of shallow lagoons.
• Walnut (#847040): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Bronze (#784119): A full-bodied, balanced gold — the color of honey in a jar.
• Forest (#1C4541): A deep, shadowed, dusty teal — the color of glacier melt.

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

Use it as a design system

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

• Softworn Cocoa color palette (#DDEDE0, #74A28F, #7E5E07, #6D2F00, #1E381A)
• Tempered Driftwood color palette (#EBF9EF, #C5C08D, #A68C49, #856134, #29433B)
• Patina Garnet color palette (#FFF0FA, #C09CA7, #956454, #7A3A4B, #264533)
• Timeworn Summit color palette (#FBF0DD, #B2AE7E, #8A7230, #63451E, #262310)
• Aged Quarry color palette (#FFE8FA, #DD9BA3, #AE6141, #6E4B00, #424200)
• Muted Mulberry color palette (#F6F3FC, #CB9EC2, #6D7621, #933086, #0B2A20)
• Worn Basalt Canyon color palette (#F5F3FE, #8CBB9F, #654368, #3F2041, #251925)
• Washed Chestnut Atelier color palette (#FCF1F9, #9D5D4C, #795700, #00475C, #351F31)

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