Cocoa Courtyard color palette — #FAF4EE · #E6DDC6 · #A4C094 · #AF8FA3 · #614A00

Bronze and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FAF4EE): bright and airy, almost weightless.
• Bone (#E6DDC6): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#A4C094): A luminous, dusty green — the color of fresh herbs.
• Dusty Rose (#AF8FA3): A luminous, dusty pink — the color of peonies in June.
• Bronze (#614A00): A full-bodied, balanced gold — the color of old brass.

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

• Dusty Loft color palette (#F6F6EC, #CADDB5, #65BCC2, #AF7F98, #334B07)
• Cocoa Studio color palette (#FFF2ED, #E0DCCE, #B6BCC8, #D6A7CA, #75410C)
• Worn Ash color palette (#EFF8F0, #BADAC8, #79A797, #787B96, #3F5248)
• Coral Lagoon color palette (#FFF2ED, #FFC4BF, #81D8DC, #F4827B, #37563B)
• Ancient Amber color palette (#FFF2EB, #FFD5CE, #EEA793, #BE7058, #542B1F)
• Aged Turquoise Ridge color palette (#FFF2EA, #EEBAA0, #72D1C8, #42B4D2, #48413C)
• Timeworn Harbor color palette (#FCEDF2, #A2D0B7, #5E8E85, #586177, #24362C)
• Jade Balcony color palette (#F9E9CC, #A7D074, #00B27C, #9862AA, #213500)

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