Washed Cocoa Courtyard color palette — #FCF1FB · #B6B179 · #7E3935 · #4B1E1C · #281E27

A conversation between Rust and Sage, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FCF1FB): a clean, paper-quiet neutral.
• Sage (#B6B179): A luminous, dusty green — the color of a quiet forest floor.
• Rust (#7E3935): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#4B1E1C): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Onyx (#281E27): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, 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

• Muted Thicket color palette (#FBF2F6, #D1BF8C, #7B5432, #4B2E3B, #2E2120)
• Mulberry Delta color palette (#F7F3FF, #A7B680, #713A69, #322844, #221721)
• Aged Chestnut Orchard color palette (#FFF2EC, #EDD29A, #C48174, #8F5031, #2C1E18)
• Patina Veranda color palette (#E9FBEC, #CB9900, #5C4400, #322400, #06210F)
• Wandering Balcony color palette (#FBF2F8, #EB9480, #5F7B00, #A13720, #152923)
• Ancient Amber color palette (#FADAEB, #AC9000, #602800, #2F1000, #1B0813)
• Chestnut Studio color palette (#D7E2D6, #765A00, #272330, #1F1100, #040200)
• Bronze Summit color palette (#FAF3F6, #CDD9DD, #A6C5C7, #936A48, #4D4548)

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