Muted Cocoa color palette — #FFF3E8 · #CD9C72 · #618255 · #5B527B · #5E4200

Bronze and Camel set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF3E8): a clean, paper-quiet neutral.
• Camel (#CD9C72): A luminous, balanced gold — the color of afternoon light on wheat.
• Fern (#618255): A full-bodied, dusty green — the color of new leaves after rain.
• Graphite (#5B527B): A full-bodied, dusty violet — the color of wild irises.
• Bronze (#5E4200): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged retro, muted.

Use it as a design system

One click turns Muted Cocoa 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

• Timeworn Cocoa color palette (#FCF4E4, #CC97A1, #8B7348, #694F6B, #6F3510)
• Ancient Fern color palette (#FFF2ED, #A5AD7A, #478381, #774B50, #474D00)
• Muted Delta color palette (#FDF4E5, #D0BB8F, #869B67, #4D709F, #5A4500)
• Wandering Denim color palette (#E6F7E9, #BEA97B, #6C8149, #2B5286, #183225)
• Aged Taupe color palette (#FCF4E8, #B59158, #53729A, #534B7F, #583649)
• Olive Quarry color palette (#FCF3F0, #CCE8E0, #79A48F, #6A7630, #604A61)
• Antique Taupe Terrace color palette (#FFF2E9, #CFC8B2, #8E9985, #836D72, #5C474C)
• Aubergine Lagoon color palette (#FFF2EA, #AD8600, #007250, #5B2B78, #333A01)

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