Cocoa Courtyard color palette — #FFF3E8 · #EAD6B9 · #D8AB8C · #AF8879 · #554700

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

The five colors

• Ivory (#FFF3E8): a clean, paper-quiet neutral.
• Wheat (#EAD6B9): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sand (#D8AB8C): A luminous, dusty gold — the color of honey in a jar.
• Caramel (#AF8879): A luminous, dusty orange — the color of toasted spice.
• Deep Olive (#554700): A full-bodied, balanced green — the color of new leaves after rain.

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

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

• Patina Blush Field color palette (#FFF1F5, #FFC9E9, #F09AA6, #C17D5B, #564300)
• Dusty Taupe Villa color palette (#FFF1F7, #BAD2B9, #BE906E, #89697E, #3E4C42)
• Softworn Marigold color palette (#FFEBD2, #D0CC7E, #D39728, #B4694A, #283C1B)
• Muted Quarry color palette (#FEF2F0, #EC9FB7, #D39966, #4C9890, #3F2E2C)
• Ancient Orchard color palette (#FFECF4, #A9C3AB, #9F7488, #6A4E63, #1E3127)
• Rust Lantern color palette (#F5DDCE, #C69457, #CC4E12, #92354E, #1B1600)
• Ancient Garden color palette (#FCD6B4, #D9B430, #D37C00, #BE3F32, #242D00)
• Weathered Marigold Delta color palette (#FBF3F5, #E5D5FF, #E4AB68, #B79BE1, #342C24)

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