Cocoa Canyon color palette — #FFF3E4 · #CABE51 · #A97100 · #852B00 · #0E1D00

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

The five colors

• Cream (#FFF3E4): A whisper-light, dusty gold — the color of old brass.
• Gold (#CABE51): A luminous, balanced green — the color of new leaves after rain.
• Ochre (#A97100): A full-bodied, balanced gold — the color of old brass.
• Rust (#852B00): A full-bodied, balanced orange — the color of sun-warmed clay.
• Ink (#0E1D00): 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 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

• Ancient Villa color palette (#FFF0F8, #D3AB6E, #AC5F32, #742934, #151300)
• Tempered Chestnut Lagoon color palette (#FFF1F6, #DAC594, #AB7F5D, #7C4743, #04281E)
• Amber Dune color palette (#F5DAB2, #CDB76C, #C28800, #A65B00, #2C2B00)
• Timeworn Atelier color palette (#D2E5D3, #A58B2C, #795300, #522A00, #141300)
• Weathered Villa color palette (#E8FBEB, #DEE1B3, #B59A67, #8A604A, #183834)
• Softworn Moss color palette (#C7E8D2, #7B8F48, #5D4C00, #351900, #000200)
• Pale Scarlet Archive color palette (#D5FFFB, #00A8A0, #E62213, #A00901, #00100F)
• Weathered Orchard color palette (#EBFAEE, #BBE7E8, #99B79F, #8E707F, #2E4441)

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