Timeworn Cocoa Canyon color palette — #FCF3EF · #E0DDCE · #B86F64 · #6E3313 · #231914

Built around Rust, softened by Caramel — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FCF3EF): bright and airy, almost weightless.
• Bone (#E0DDCE): A whisper-light, dusty green — the color of new leaves after rain.
• Caramel (#B86F64): A luminous, balanced orange — the color of toasted spice.
• Rust (#6E3313): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Onyx (#231914): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged luxury, dark, 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

• Ancient Marigold color palette (#FCEBD5, #C99930, #503600, #1D2723, #0D0600)
• Bronze Basin color palette (#FCF4E7, #FFE2A2, #927100, #3C3831, #160E02)
• Sand Balcony color palette (#FEF2EF, #E8E1A2, #C18F94, #81665F, #322926)
• Chestnut Workshop color palette (#FCF4EB, #F6C87C, #8A5600, #3A2100, #080300)
• Worn Pewter color palette (#F7EFF6, #ACCDB3, #745671, #3F283D, #181118)
• Worn Mustard color palette (#FFF3E5, #DDE0C1, #C2AB63, #7F7532, #3D3E00)
• Teal Atelier color palette (#FAF5E7, #D1C57D, #51C4B6, #498D9E, #34312B)
• Timeworn Stone Meadow color palette (#F9F4EF, #DBDAD2, #A4B7B8, #CDA584, #514C48)

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