Cocoa Canyon color palette — #FDF4E9 · #DED0AB · #A09E78 · #76816F · #5F4A00

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

The five colors

• Ivory (#FDF4E9): a clean, paper-quiet neutral.
• Wheat (#DED0AB): A whisper-light, dusty gold — the color of honey in a jar.
• Taupe (#A09E78): A luminous, dusty green — the color of a quiet forest floor.
• Driftwood (#76816F): A full-bodied, dusty green — the color of a quiet forest floor.
• Bronze (#5F4A00): A full-bodied, balanced gold — the color of old brass.

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

Use it as a design system

One click turns Cocoa Canyon 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

• Dusty Driftwood color palette (#F6F6EB, #AFDEC4, #8BA485, #848138, #42550F)
• Antique Driftwood Lagoon color palette (#FBF4EE, #CFBF9E, #89843B, #596C56, #634800)
• Worn Stone color palette (#EFF8F1, #BDDEED, #8DB9AD, #628F8F, #334D41)
• Sky Lagoon color palette (#E0FDF3, #64BAF9, #CA9875, #928E65, #334741)
• Powder Pier color palette (#EAF9F3, #84CFF9, #D4A876, #5B94B4, #514C46)
• Muted Pine Study color palette (#EBE4D2, #87B470, #19865C, #265F67, #2B2B0D)
• Softworn Moss Basin color palette (#FBE9CF, #8B8800, #306100, #333160, #111000)
• Hazy Lime Veranda color palette (#FEF4DF, #A6CA57, #369D57, #237778, #34401A)

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