Muted Cocoa color palette — #F5EBF0 · #DFC9D1 · #94AE98 · #822F00 · #070104

A conversation between Rust and Sage, giving this palette its sense of optimism and sophistication.

The five colors

• Blush (#F5EBF0): a clean, paper-quiet neutral.
• Oat (#DFC9D1): A whisper-light, dusty rose — the color of pressed rose petals.
• Sage (#94AE98): A luminous, dusty green — the color of fresh herbs.
• Rust (#822F00): A full-bodied, balanced orange — the color of autumn markets.
• Ink (#070104): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Antique Study color palette (#F3EBF2, #DACBD3, #C199A7, #940015, #070006)
• Ancient Thicket color palette (#E8F1EA, #C5D4CD, #86B0A6, #5F4B00, #000401)
• Patina Canyon color palette (#E6DCD7, #AB9D8E, #8E7A32, #641504, #0B0200)
• Patina Rust Ridge color palette (#F1EAEF, #A4B8B2, #8CAD87, #C33C1C, #1E0D1A)
• Tempered Ridge color palette (#D3E7DA, #8C9453, #315A00, #570008, #010100)
• Aged Orchard color palette (#F7DAC8, #A9945F, #556427, #00324A, #05002F)
• Sunlit Thicket color palette (#FFECF4, #FF9C8B, #DE7C00, #6A6400, #020100)
• Patina Parlor color palette (#D8ECDB, #B95500, #534000, #001F28, #020100)

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