Weathered Cocoa Courtyard color palette — #FEF3E9 · #E9B78F · #AFAD7A · #66A189 · #5A3200

Cocoa and Sand set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FEF3E9): a clean, paper-quiet neutral.
• Sand (#E9B78F): A luminous, dusty gold — the color of old brass.
• Sage (#AFAD7A): A luminous, dusty green — the color of new leaves after rain.
• Eucalyptus (#66A189): A luminous, dusty teal — the color of sea glass.
• Cocoa (#5A3200): A deep, shadowed, balanced gold — the color of old brass.

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

• Hushed Petal Corridor color palette (#FAF6E0, #F8BBDC, #CDA584, #6A9785, #5B4039)
• Wandering Cocoa color palette (#FEF3EB, #F0B293, #7DC6C0, #63A8A3, #5E2F00)
• Antique Villa color palette (#FEF1F7, #C3B8FB, #B3BD86, #979F72, #493740)
• Antique Fern Alley color palette (#FFF0FD, #FFCED9, #E3A998, #B48958, #4E4A00)
• Oat Cabin color palette (#FCF3F1, #DEDAD2, #D5C79F, #ADB5AB, #58514F)
• Washed Teal Field color palette (#FFF1F1, #E9B5D3, #7AB998, #648BB1, #1E4C42)
• Ash Parlor color palette (#F8F2FF, #D493BB, #8BA575, #488782, #413949)
• Powdered Hollow color palette (#FDECD5, #D8A144, #A1A83F, #0090B4, #33230B)

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