Cocoa Canyon color palette — #FEF3EA · #ECDCBC · #BAB88F · #AF9199 · #624900

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

The five colors

• Ivory (#FEF3EA): a clean, paper-quiet neutral.
• Wheat (#ECDCBC): A whisper-light, dusty gold — the color of old brass.
• Sage (#BAB88F): A luminous, dusty green — the color of fresh herbs.
• Dusty Rose (#AF9199): A luminous, dusty red — the color of late-summer berries.
• Bronze (#624900): A full-bodied, balanced gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged botanical, earthy, muted, light.

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

• Antique Station color palette (#FAF5EA, #D9E3CD, #A0B78D, #6A8F80, #534500)
• Worn Grove color palette (#FEF1F5, #E1C8FE, #AAD4A7, #B699D7, #4D5200)
• Faded Garden color palette (#FFF3E4, #CDD598, #6FB97B, #AB749B, #3A3E09)
• Aged Taupe color palette (#FCF3F1, #C5DFE2, #A4C5E7, #8BAD88, #33514A)
• Wandering Mint color palette (#FFF1F4, #DCB8EA, #95CE9A, #5FB5A2, #523B41)
• Weathered Mallow color palette (#FDE4FF, #CACFFF, #C7A9E7, #AF80A1, #674341)
• Frosted Lagoon color palette (#EBE5CF, #82B688, #009383, #8F4D57, #002207)
• Jade Lantern color palette (#EEE3D0, #ACC489, #49A57A, #97617D, #2D2A05)

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