Faded Cocoa color palette — #FFE7EE · #B09B60 · #935B00 · #7C2C00 · #363900

Rust takes the lead with Ochre close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#FFE7EE): A whisper-light, dusty rose — the color of a warm blush.
• Camel (#B09B60): A luminous, balanced green — the color of a quiet forest floor.
• Ochre (#935B00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Rust (#7C2C00): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Olive (#363900): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

Use it as a design system

One click turns Faded 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

• Hazy Terrace color palette (#FDE5C9, #C4984A, #935E00, #643600, #251A00)
• Sunlit Olive color palette (#D7F8E5, #93A668, #776A00, #644100, #154017)
• Amber Thicket color palette (#E2F5E0, #D4AE6C, #B77600, #8D4F04, #433305)
• Cocoa Hollow color palette (#FFF0F9, #BE9CA8, #936653, #7D3A3E, #2F4334)
• Muted Veranda color palette (#D3E9D6, #8F895A, #704F00, #562900, #002C22)
• Quiet Honey color palette (#FFEBD6, #EEC244, #D59449, #A96F5A, #37352F)
• Timeworn Chestnut Workshop color palette (#EEF9EE, #A3C0AF, #6B8A6C, #7B533C, #384D46)
• Aged Olive Lantern color palette (#DBF3E5, #6A7F3A, #4E4600, #382300, #001D03)

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