Muted Cocoa color palette — #FFF3E8 · #CFAB85 · #A16732 · #703200 · #1C1000

A conversation between Rust and Ochre, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF3E8): a clean, paper-quiet neutral.
• Camel (#CFAB85): A luminous, dusty gold — the color of afternoon light on wheat.
• Ochre (#A16732): A full-bodied, balanced gold — the color of honey in a jar.
• Rust (#703200): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Ink (#1C1000): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, 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

• Gentle Rust Loft color palette (#FFF2EA, #F5A573, #CD5200, #8D1E00, #281200)
• Olive Study color palette (#FFF5D6, #B0B888, #7D7A2B, #524600, #161300)
• Aged Study color palette (#FFF3E6, #DEC399, #B17E3D, #7F4910, #2D1E02)
• Hushed Chestnut Ridge color palette (#F5E2C7, #AD985F, #7C5800, #472B00, #050400)
• Ancient Dune color palette (#FDF3EB, #E2DCC2, #C6A88E, #9B6E59, #593700)
• Feathered Garnet color palette (#FCF6DA, #8B9200, #B94975, #921100, #070800)
• Mulberry Quarry color palette (#F8F6E2, #638500, #AC004B, #622300, #020100)
• Muted Study color palette (#F1F8E8, #B6C37D, #006044, #001E13, #010100)

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