Cocoa Courtyard color palette — #FCF4EB · #EADDBB · #B7B990 · #AA92A0 · #604A00

Built around Bronze, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Ivory (#FCF4EB): a clean, paper-quiet neutral.
• Wheat (#EADDBB): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#B7B990): A luminous, dusty green — the color of a quiet forest floor.
• Dusty Rose (#AA92A0): A luminous, dusty pink — the color of peonies in June.
• Bronze (#604A00): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged botanical, earthy, muted, light.

Use it as a design system

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

• Antique Chestnut color palette (#FFF2ED, #E0DCCD, #B6BFCA, #CDA795, #7B4614)
• Softworn Fern Veranda color palette (#F7F6E6, #C9DDB4, #6BBBC2, #A98684, #324B08)
• Weathered Cocoa Harbor color palette (#FFF2EB, #FFD6C8, #E1A78F, #B47963, #5F2501)
• Timeworn Delta color palette (#EEF8F0, #BBD9C9, #7AA698, #797B93, #3D5347)
• Coral Villa color palette (#FFF2ED, #FFC4BD, #8BD6DB, #DE9188, #3A553E)
• Ancient Shell Bloom color palette (#FFF2ED, #FFAFA9, #76CCE5, #7EA8D2, #48403D)
• Wandering Jade Terrace color palette (#FBE9C8, #A6D076, #2BB080, #91699D, #203500)
• Driftwood Lagoon color palette (#F7EFF2, #A7CEB8, #718C61, #5A6076, #26352D)

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