Cocoa Courtyard color palette — #FAEAEF · #AAB7AA · #7C9582 · #613900 · #13060B

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

The five colors

• Blush (#FAEAEF): a clean, paper-quiet neutral.
• Ash (#AAB7AA): A luminous, dusty green — the color of new leaves after rain.
• Eucalyptus (#7C9582): A luminous, dusty teal — the color of glacier melt.
• Bronze (#613900): A deep, shadowed, balanced gold — the color of honey in a jar.
• Ink (#13060B): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Optimism, Sophistication. Tagged scandi, 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 Station color palette (#EEE5EB, #C1ADB8, #A08491, #732716, #130610)
• Basalt Study color palette (#D7E1D9, #8CA897, #688377, #453300, #000602)
• Weathered Meadow color palette (#F2E3EA, #BAC8BE, #87AEA4, #944900, #2B1922)
• Weathered Grove color palette (#E0ECEA, #B3D3D1, #84ACAE, #2F632F, #041A18)
• Antique Bronze Corridor color palette (#EDF4EE, #CBDEDB, #ADC4C2, #8A7048, #262F27)
• Weathered Olive color palette (#E9E3C2, #777D25, #36571C, #003536, #001318)
• Weathered Amber Ridge color palette (#D0ECD3, #E18300, #A07500, #646100, #060400)
• Chestnut Boulevard color palette (#F2ECDE, #835D00, #433C00, #00251C, #080500)

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