Ancient Cocoa Courtyard color palette — #FFF2ED · #E0DBCE · #9CC3C0 · #D1A9AE · #7D4121

Bronze and Rosewood Mist set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Bone (#E0DBCE): bright and airy, almost weightless.
• Ash (#9CC3C0): A luminous, dusty teal — the color of sea glass.
• Rosewood Mist (#D1A9AE): A luminous, dusty red — the color of a theater curtain.
• Bronze (#7D4121): 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

• Tempered Basalt Thicket color palette (#FFF3E2, #D7E5C9, #BAC3D8, #CA9690, #514100)
• Stone Orchard color palette (#FFF0FE, #ECF2C2, #E8D8D8, #DFA7B9, #614B59)
• Antique Orchard color palette (#FFE9DD, #D6D4E0, #A39592, #703C04, #261E18)
• Muted Bronze color palette (#FEF4E5, #D5E3C3, #BFAB8E, #A46B3E, #414300)
• Oat Harbor color palette (#FBF1FE, #E8D8D8, #D0D59A, #847FA4, #5C4C57)
• Aged Terracotta color palette (#FFF3E7, #DCE5A8, #76D3B1, #9F4F48, #1E1500)
• Hazy Terracotta color palette (#FFEBCB, #B3DE9F, #00B3AA, #944000, #030300)
• Aged Garden color palette (#FAF5E9, #CEC589, #7EBAC3, #468E99, #34312B)

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