Muted Chestnut color palette — #F7EEE0 · #927F49 · #7B5900 · #583700 · #040300

Coffee and Cocoa set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F7EEE0): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mocha (#927F49): A luminous, dusty green — the color of a quiet forest floor.
• Coffee (#7B5900): A full-bodied, balanced gold — the color of honey in a jar.
• Cocoa (#583700): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#040300): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Muted Chestnut 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

• Olive Summit color palette (#E3F4E5, #807400, #4F3700, #210C00, #000201)
• Quiet Bronze Meadow color palette (#F9E3C5, #AC8B38, #916400, #6C4100, #0F0B00)
• Wandering Terracotta Bloom color palette (#FBE8DC, #AC714B, #9D3E00, #741800, #080200)
• Muted Coast color palette (#D6EAD9, #007C85, #7B5C00, #3B4F00, #000203)
• Bronze Corridor color palette (#E9E4D4, #B1B685, #98923F, #7F6900, #202800)
• Faded Marigold color palette (#F9EDD5, #D2CA8A, #BEA239, #A27800, #383800)
• Ancient Amber Lantern color palette (#F8E3D6, #DCBA9F, #D28967, #AC634F, #352F2A)
• Antique Fern Courtyard color palette (#F9F5EA, #E0D9C2, #C4B58E, #A38F6B, #534800)

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