Muted Cocoa color palette — #FFF2F0 · #E9E19D · #E1DBCF · #BAA3D4 · #783921

Rust and Celadon Mist set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2F0): a clean, paper-quiet neutral.
• Celadon Mist (#E9E19D): A whisper-light, balanced green — the color of fresh herbs.
• Bone (#E1DBCF): bright and airy, almost weightless.
• Mauve (#BAA3D4): A luminous, dusty violet — the color of twilight just after sunset.
• Rust (#783921): A full-bodied, balanced orange — the color of autumn markets.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication, Softness. Tagged pastel, light, 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

• Worn Canyon color palette (#FFF2EC, #DFDECC, #EBB3B4, #B7BDC8, #774908)
• Weathered Sand color palette (#FEF0FF, #DBD9CD, #FFCB8E, #BF879E, #5D4959)
• Seafoam Studio color palette (#FFF3E8, #FFED97, #71F3BA, #ED8C9A, #5A4116)
• Gentle Chartreuse Cabin color palette (#FFF2EE, #EADEB5, #A3F00E, #E668C6, #5E2811)
• Weathered Amber Summit color palette (#FCF3EE, #D9DAA0, #C88067, #835646, #2A1F18)
• Washed Apricot Harbor color palette (#FDF3E8, #D9D2A2, #D1A368, #AB7B6C, #433F00)
• Muted Delta color palette (#FFF1F2, #EF99D2, #6AB3F7, #B57AA0, #402D2E)
• Softworn Seafoam Delta color palette (#DAEBFF, #02EEDC, #FFADB4, #6C5149, #332B29)

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