Timeworn Cocoa Loft color palette — #FFF2EA · #DAC7AF · #C58D70 · #8D6B62 · #584500

Deep Olive and Camel set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Oat (#DAC7AF): A whisper-light, dusty gold — the color of honey in a jar.
• Camel (#C58D70): A luminous, dusty orange — the color of toasted spice.
• Walnut (#8D6B62): A full-bodied, dusty orange — the color of sun-warmed clay.
• Deep Olive (#584500): A deep, shadowed, balanced green — the color of fresh herbs.

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

Use it as a design system

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

• Driftwood Studio color palette (#FFF2EA, #D3B999, #B98065, #8D575E, #403D36)
• Bronze Alley color palette (#FDEAD0, #A2A45D, #936900, #743C1D, #252607)
• Muted Coral Terrace color palette (#E7FAF4, #7AB1E0, #D1818A, #788042, #2E423C)
• Hazy Corridor color palette (#FEE4CE, #9F7600, #7E3F00, #600011, #0B0C00)
• Frosted Dune color palette (#E8DEC5, #729A4F, #6B6200, #573400, #111A00)
• Cerulean Pier color palette (#EDF8F5, #F0C7AF, #5881AA, #2D564D, #222E2B)
• Powdered Terrace color palette (#DBFFEC, #B0CEFF, #9F8DD1, #955D91, #713440)
• Worn Wisteria color palette (#F0F7F4, #A2DBF5, #C680B7, #3398C0, #372A2B)

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