Weathered Cocoa Courtyard color palette — #FFF0EC · #CDB197 · #8F8D68 · #765763 · #643E3B

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

The five colors

• Ivory (#FFF0EC): a clean, paper-quiet neutral.
• Rosewood Mist (#CDB197): A luminous, dusty gold — the color of honey in a jar.
• Eucalyptus (#8F8D68): A luminous, dusty green — the color of fresh herbs.
• Graphite (#765763): A full-bodied, dusty rose — the color of a warm blush.
• Cocoa (#643E3B): A full-bodied, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, warm.

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

• Lagoon Delta color palette (#FFF3E7, #D6C9B2, #A19C77, #528375, #5F4458)
• Aged Atelier color palette (#FBF4E9, #B4B18E, #527F67, #6F4F58, #4A4400)
• Stone Ridge color palette (#FEF0FF, #F2C9DA, #A3BE8C, #9095AD, #4A4E67)
• Weathered Basalt color palette (#FFDCE9, #AAC7B3, #699084, #456178, #283551)
• Powdered Garnet Coast color palette (#F2DFE6, #C58B63, #71783E, #6C3762, #6D1516)
• Wandering Basalt color palette (#EAE2D0, #759C70, #327882, #5F3950, #562300)
• Pale Bronze color palette (#FFEEE6, #C6A05A, #8F7800, #436118, #2F5337)
• Antique Cypress color palette (#FBF3EF, #C9E4D6, #6A8DB7, #007362, #593E4F)

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