Cocoa Courtyard color palette — #FFF2EB · #C6E2CD · #95C5B9 · #BE8FA0 · #673D00

Bronze takes the lead with Dusty Rose close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Celadon Mist (#C6E2CD): A whisper-light, dusty teal — the color of sea glass.
• Ash (#95C5B9): A luminous, dusty teal — the color of sea glass.
• Dusty Rose (#BE8FA0): A luminous, dusty rose — the color of strawberry cream.
• Bronze (#673D00): A full-bodied, balanced gold — the color of old brass.

Feels like: 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

• Antique Ash color palette (#FFF2F0, #E2DACB, #BCCEA2, #9D83B2, #65463D)
• Dusty Fern Boulevard color palette (#FFF3E2, #D1E6CA, #9FDCF4, #AD876E, #544A00)
• Stone Courtyard color palette (#FFF0FA, #DFFFE1, #B6E5DA, #CE9BB6, #4E3943)
• Softworn Driftwood color palette (#FFF2EB, #D8B791, #B4826E, #8B5861, #403D36)
• Aged Mint color palette (#FFEFE0, #DEDA96, #00D9AC, #C1545C, #4E3700)
• Ancient Cocoa Summit color palette (#FBF4E8, #DDC08A, #82703C, #573D00, #282114)
• Azure Field color palette (#E5E1B5, #85D6BA, #58ABDD, #776000, #003219)
• Bronze Delta color palette (#F8F1D1, #AFE3C0, #66C3D6, #A8682F, #2E2F28)

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