Timeworn Cocoa Canyon color palette — #FFF2EB · #DEDDCC · #CEC186 · #997366 · #6B3D00

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

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Bone (#DEDDCC): A whisper-light, dusty green — the color of fresh herbs.
• Sand (#CEC186): A luminous, dusty green — the color of fresh herbs.
• Mocha (#997366): A full-bodied, dusty orange — the color of sun-warmed clay.
• Bronze (#6B3D00): A full-bodied, balanced gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged pastel, light, muted.

Use it as a design system

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

• Washed Stone color palette (#FFF1F0, #E1D7D0, #E9B594, #9A7695, #5C4641)
• Washed Cocoa color palette (#FEF4E1, #CAFCCD, #ABD4B2, #967853, #594800)
• Driftwood Meadow color palette (#FFEEE3, #DDDABC, #A2CCAF, #9E6471, #38291A)
• Weathered Teal color palette (#FDF5D5, #B4DD9B, #46BA93, #755D1D, #383831)
• Feathered Garnet Market color palette (#FFE2CD, #C59E4F, #81882B, #6A1500, #291500)
• Wandering Harbor color palette (#FFEFE0, #F9C218, #9BB74F, #993E1E, #4D3604)
• Faded Study color palette (#FAF4E9, #CBAC37, #008362, #725E00, #20261A)
• Mint Studio color palette (#E0ECD3, #5DD392, #00A19D, #505100, #222605)

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