Muted Cocoa color palette — #F9E9EE · #C3D6C4 · #91AF99 · #6F4100 · #070103

Built around Bronze, softened by Sage — the whole palette hums with optimism and sophistication.

The five colors

• Blush (#F9E9EE): bright and airy, almost weightless.
• Oat (#C3D6C4): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#91AF99): A luminous, dusty teal — the color of shallow lagoons.
• Bronze (#6F4100): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Ink (#070103): A deep, shadowed, dusty rose — the color of strawberry cream.

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

• Ancient Coast color palette (#F7E9F6, #DDC9D8, #B99CAE, #7E2F36, #050105)
• Bronze Harbor color palette (#EEE7E1, #A99E8E, #927931, #512B00, #090300)
• Basalt Courtyard color palette (#D9E2DD, #A4C3B5, #789A8F, #453C00, #000201)
• Basalt Basin color palette (#EDE4E8, #9DAEA2, #65887F, #572900, #200C16)
• Muted Field color palette (#E5E0CD, #98A151, #526A3D, #00393A, #00080B)
• Wandering Bronze color palette (#EDE0E5, #A3BBB5, #83A2A0, #A45D00, #210C15)
• Fern Archive color palette (#E8FAF7, #C6DEE8, #A3C2C3, #336F2F, #00100E)
• Chestnut Pier color palette (#C9E9D3, #5F4B00, #38424A, #0B1619, #060600)

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