Cocoa Courtyard color palette — #FFF2EF · #D3FDD3 · #E1DDCF · #D2AFD3 · #7A4119

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

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Honeydew (#D3FDD3): A whisper-light, dusty green — the color of a quiet forest floor.
• Bone (#E1DDCF): bright and airy, almost weightless.
• Mauve (#D2AFD3): A luminous, dusty pink — the color of a candy shop window.
• Bronze (#7A4119): A full-bodied, balanced gold — the color of old brass.

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 Delta color palette (#FFF1F1, #E2DBD0, #DDADBC, #A2BFD3, #5D4C47)
• Aged Celadon Studio color palette (#FFF2EC, #E1DEC3, #A6F1A5, #E68FBD, #48423D)
• Timeworn Fern color palette (#FEF4E5, #E3DAB7, #CDB27F, #A88C78, #494C00)
• Softworn Driftwood color palette (#FAEDFA, #C1E8D1, #E8D3D2, #9683A7, #463741)
• Glacier Lantern color palette (#D7E5FF, #74F2FF, #FFC3BD, #8F4F34, #3B3330)
• Aqua Corridor color palette (#FDF3ED, #F4B190, #51CAD9, #B589B1, #423C37)
• Antique Bronze Thicket color palette (#FBF4EE, #E5E0B1, #CA8F6A, #955E2F, #332922)
• Ancient Apricot color palette (#FAF4EF, #FFD4B8, #7FCAA1, #E29763, #2C2F25)

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