Muted Cocoa Drift color palette — #FFECF2 · #94B699 · #936C42 · #713C1D · #0A2A1A

Bronze and Walnut set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#FFECF2): A whisper-light, dusty rose — the color of strawberry cream.
• Sage (#94B699): A luminous, dusty green — the color of new leaves after rain.
• Walnut (#936C42): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Bronze (#713C1D): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Forest (#0A2A1A): A deep, shadowed, dusty teal — the color of sea glass.

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

Use it as a design system

One click turns Muted Cocoa Drift 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 Bloom color palette (#FEECF6, #C59FAE, #9C664D, #723934, #132914)
• Chestnut Basin color palette (#EAF5EE, #A6C3B7, #8B8457, #6C5423, #1B312C)
• Antique Chestnut color palette (#D6E6D5, #7FA389, #845B1C, #602F00, #001E11)
• Timeworn Archive color palette (#FFF3E7, #B6A676, #986635, #7B3E20, #3E3D36)
• Tempered Garnet color palette (#FBE1ED, #C8945D, #9D5523, #7D1800, #271900)
• Chestnut Thicket color palette (#FBE5ED, #9E8154, #7C4600, #541E00, #130E00)
• Muted Corridor color palette (#DAE6DC, #7D7336, #573F00, #341C00, #050600)
• Timeworn Drift color palette (#EAF3FF, #5E87C5, #AA5D3D, #5C5300, #0A1A2F)

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