Ancient Cocoa Courtyard color palette — #FFF2EE · #E0D9CE · #D9A7A0 · #A7B6B2 · #7D3E25

Bronze takes the lead with Rosewood Mist close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Bone (#E0D9CE): a clean, paper-quiet neutral.
• Rosewood Mist (#D9A7A0): A luminous, dusty orange — the color of toasted spice.
• Ash (#A7B6B2): a calm mid-gray that lets other colors speak.
• Bronze (#7D3E25): A full-bodied, balanced orange — the color of toasted spice.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, muted.

Use it as a design system

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

• Wandering Cocoa color palette (#FEF4E4, #DAE0C7, #91C3BF, #B99876, #593F00)
• Tempered Garnet Basin color palette (#F4E3E1, #E8A792, #C0804E, #7A2632, #040000)
• Hushed Driftwood color palette (#FEF0FF, #E9D4D9, #E7B6B9, #9A81A4, #594A57)
• Antique Ridge color palette (#E6FFC8, #FFEAD7, #D1CCD6, #5F3700, #2E2721)
• Wandering Stone Ridge color palette (#FDF3EB, #EDB593, #9FB78F, #997495, #36302C)
• Lime Lantern color palette (#FFEAC1, #D1CC8C, #94B54D, #6A4B00, #0A0800)
• Cocoa Meadow color palette (#FDF3EC, #DFDDCC, #A57B64, #6B3700, #231912)
• Antique Cerulean color palette (#FFF2F0, #DB9DB3, #5894B6, #596089, #2D1C20)

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