Muted Cocoa color palette — #FFF2EA · #BBA577 · #52836A · #635073 · #554700

Built around Deep Olive, softened by Camel — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Camel (#BBA577): A luminous, dusty gold — the color of afternoon light on wheat.
• Fern (#52836A): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#635073): A full-bodied, dusty violet — the color of wild irises.
• Deep Olive (#554700): A full-bodied, balanced green — the color of new leaves after rain.

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

• Petrol Ridge color palette (#FEF4E5, #C4C189, #72A075, #616AA1, #524800)
• Weathered Field color palette (#E7F7EA, #B1AF7B, #57865A, #444C87, #16322A)
• Worn Cocoa color palette (#FFF3E8, #D4CDB3, #8F9A84, #836B66, #754309)
• Aged Hollow color palette (#FBF5E6, #A49A52, #6A6A9E, #5D4973, #5C353D)
• Washed Ash color palette (#FBF3EF, #C9E9E6, #7A9DBD, #637651, #604B5A)
• Antique Petrol Drift color palette (#FFF2EE, #66A979, #017498, #703C41, #33422D)
• Dusty Aubergine Quarry color palette (#FFF2F0, #949100, #006F66, #6D1B6B, #203E12)
• Mint Coast color palette (#FEF1FA, #EDCA9A, #7DC08D, #A27CAB, #394D43)

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