Cocoa Courtyard color palette — #FFF2ED · #C0F8D3 · #E0DCCE · #C8A2C3 · #793F19

A conversation between Bronze and Mint, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Mint (#C0F8D3): A whisper-light, dusty teal — the color of sea glass.
• Bone (#E0DCCE): a clean, paper-quiet neutral.
• Mauve (#C8A2C3): A luminous, dusty pink — the color of neon signs at night.
• Bronze (#793F19): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, 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

• Washed Summit color palette (#FFF2EB, #DFDACD, #A1B4B3, #CA928C, #703A07)
• Hushed Oat Orchard color palette (#FFF0FB, #E7D7D6, #CDDDA8, #A288A8, #5A4751)
• Timeworn Quarry color palette (#FFF4E0, #C8F8C2, #9DE6EE, #CB9579, #4E4200)
• Pale Chartreuse Thicket color palette (#FFF2EC, #FFE3A1, #7EF07C, #D975AD, #4F320E)
• Chestnut Dune color palette (#FEF3E9, #E7D58E, #B68B66, #88561F, #2B1F13)
• Wandering Shell color palette (#E7E3FF, #89DCFF, #FFADB5, #755952, #312421)
• Aged Marigold Garden color palette (#FFF3E6, #F3A747, #8CAEE5, #6E91C7, #37322C)
• Washed Oat color palette (#FFF4E0, #CCD897, #C2AA6D, #A08168, #3D3E37)

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