Muted Cocoa color palette — #F6EDBD · #B8D2AA · #78BBB9 · #9A82A4 · #743838

Built around Rust, softened by Mint Leaf — the whole palette hums with nature and growth.

The five colors

• Custard (#F6EDBD): A whisper-light, dusty green — the color of a quiet forest floor.
• Pistachio (#B8D2AA): A whisper-light, dusty green — the color of a quiet forest floor.
• Mint Leaf (#78BBB9): A luminous, dusty teal — the color of sea glass.
• Heather (#9A82A4): A luminous, dusty pink — the color of a candy shop window.
• Rust (#743838): A full-bodied, balanced orange — the color of toasted spice.

Feels like: Nature, Growth, Sophistication. Tagged vintage, 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

• Driftwood Lantern color palette (#FFE3D4, #E1CFA0, #9BBA91, #8E75B0, #683A5F)
• Patina Turquoise color palette (#C0F7E8, #A6DAC3, #6ABBCF, #B77F7B, #673A14)
• Basalt Parlor color palette (#E9EAD5, #90C4A0, #68A2AD, #9B6B71, #54222B)
• Worn Lagoon color palette (#F7E5B9, #97B895, #3C8E89, #73465A, #492021)
• Aged Garden color palette (#E2FAFF, #CFDAEF, #B3BFD9, #A69097, #614F55)
• Washed Balcony color palette (#DFEDE3, #45A1A3, #53759D, #804C28, #331400)
• Navy Lantern color palette (#B5F8CF, #B6CCA6, #4CA19F, #547195, #374174)
• Softworn Indigo Veranda color palette (#D5FFFA, #C4DFFF, #78AFC4, #6C61B0, #4B315F)

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