Muted Cocoa color palette — #EFF9E5 · #007959 · #773300 · #2E2200 · #010100

Built around Rust, softened by Teal — the whole palette hums with optimism and sophistication.

The five colors

• Cream (#EFF9E5): A whisper-light, dusty green — the color of fresh herbs.
• Teal (#007959): A full-bodied, balanced teal — the color of sea glass.
• Rust (#773300): A full-bodied, balanced orange — the color of autumn markets.
• Onyx (#2E2200): A deep, shadowed, dusty gold — the color of old brass.
• Black (#010100): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged jewel, vibrant, 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

• Weathered Plum Veranda color palette (#FFF2F0, #BB0066, #603E00, #202200, #000201)
• Gentle Ember color palette (#FFF2EB, #D65D22, #526700, #00432D, #000401)
• Frosted Drift color palette (#D7F2E7, #0090E1, #8F6200, #6D5400, #070900)
• Cellar Garnet Thicket color palette (#E2EEFC, #00457A, #660205, #1A1700, #000201)
• Misty Peony Grove color palette (#FFF1F1, #F207A0, #8C5000, #4D4800, #000702)
• Softworn Field color palette (#EEF9EE, #00BBBF, #A17100, #596A00, #141B09)
• Periwinkle Field color palette (#DEFDF4, #39ABFF, #658400, #005A44, #001909)
• Weathered Amber Lantern color palette (#FEF2EF, #6FC2D3, #B29639, #577940, #222C1E)

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