Muted Cocoa color palette — #FFEFDC · #B8AB7D · #926D3D · #723C0C · #28230B

Built around Bronze, softened by Walnut — the whole palette hums with nature and growth.

The five colors

• Cream (#FFEFDC): A whisper-light, dusty gold — the color of honey in a jar.
• Camel (#B8AB7D): A luminous, dusty green — the color of new leaves after rain.
• Walnut (#926D3D): A full-bodied, balanced gold — the color of old brass.
• Bronze (#723C0C): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Onyx (#28230B): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, 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

• Worn Archive color palette (#FFE3CC, #CE931A, #A05400, #6A2F26, #251A00)
• Ancient Bronze color palette (#EDF9EC, #8EB19C, #8E6B41, #6F4539, #21453C)
• Washed Thicket color palette (#FBEFE9, #C9B258, #804027, #392111, #150903)
• Washed Marigold Alley color palette (#FFEEE0, #D5A63E, #737E25, #2D5A1B, #002C22)
• Frosted Apricot color palette (#F9F0E9, #F69964, #008A67, #964F23, #0B1005)
• Aged Bronze Coast color palette (#FDECDB, #A48104, #784800, #551D04, #130E00)
• Antique Sand color palette (#ECF9EC, #F6D99D, #B59970, #825F6C, #25372B)
• Washed Olive color palette (#ECDDC3, #747800, #544100, #351B00, #060600)

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