Muted Cocoa Courtyard color palette — #FFF2EB · #DFDACD · #9DC3B0 · #C49D8C · #743F0C

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

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Bone (#DFDACD): a clean, paper-quiet neutral.
• Stone (#9DC3B0): A luminous, dusty teal — the color of sea glass.
• Camel (#C49D8C): A luminous, dusty orange — the color of sun-warmed clay.
• Bronze (#743F0C): 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 Muted 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 Fern Villa color palette (#FFF5D7, #C4F2CC, #A2D8C1, #A3956A, #5B4C00)
• Marigold Harbor color palette (#FEF4E6, #D4A14A, #71AA8E, #996A7D, #543600)
• Mustard Thicket color palette (#FFF3E8, #E2E4B3, #DDC453, #BC7649, #5C431E)
• Muted Balcony color palette (#FDF1FA, #C6F0E9, #E6D6D6, #EFACB6, #604C56)
• Quiet Amber color palette (#EBDDD5, #DC8922, #A87B00, #753316, #1B0B00)
• Softworn Cocoa Workshop color palette (#FCF4EA, #EBCC99, #99764B, #6B4300, #302A24)
• Worn Archive color palette (#EDF2D6, #94C95F, #45AA58, #5D5700, #181500)
• Taupe Pier color palette (#F8F5ED, #E3D191, #88A76C, #9A8C58, #2E2E27)

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