Cocoa Courtyard color palette — #EAF6C8 · #8CCAB9 · #6B94C3 · #89623F · #704000

Built around Bronze, softened by Slate Blue — the whole palette hums with nature and growth.

The five colors

• Custard (#EAF6C8): A whisper-light, dusty green — the color of a quiet forest floor.
• Mint Leaf (#8CCAB9): A luminous, dusty teal — the color of glacier melt.
• Slate Blue (#6B94C3): A luminous, balanced blue — the color of deep harbor water.
• Walnut (#89623F): A full-bodied, dusty gold — the color of honey in a jar.
• Bronze (#704000): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged vintage, retro, 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 Mint Market color palette (#FBE8BF, #92D1A7, #609BA8, #8E5B59, #683937)
• Bronze Boulevard color palette (#DEE4C6, #9DC5A8, #A17E9A, #8A6221, #5D3D00)
• Dusty Chestnut color palette (#F4EDD1, #79B8A2, #5987B0, #695314, #3E3A34)
• Dusty Bronze Station color palette (#BDFFF6, #92C2E0, #9B8FB8, #7C6F2D, #5A501C)
• Weathered Thicket color palette (#B1F9E5, #76BEC7, #4E7DA2, #933A61, #6C382C)
• Turquoise Summit color palette (#D7E9E2, #59A4BA, #6C6294, #61480B, #322300)
• Softworn Sky Lantern color palette (#BFEBED, #78B0E2, #9B74A3, #5B6B35, #334300)
• Worn Driftwood color palette (#E4FDEA, #E8CFE6, #B99EA1, #87863D, #565400)

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