Timeworn Cocoa Field color palette — #FFF2EA · #ECC9AC · #D69E81 · #AB7B6B · #583300

Cocoa and Camel set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Wheat (#ECC9AC): A whisper-light, dusty gold — the color of old brass.
• Camel (#D69E81): A luminous, dusty orange — the color of sun-warmed clay.
• Caramel (#AB7B6B): A luminous, dusty orange — the color of toasted spice.
• Cocoa (#583300): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

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

• Softworn Drift color palette (#FFF2EA, #D3B99C, #B1836E, #8D5858, #403D36)
• Gentle Courtyard color palette (#FEE8DA, #E3A076, #C9754E, #9B5543, #381C00)
• Antique Bronze Ridge color palette (#FEECF5, #CCA184, #A3623F, #6C3E30, #2F1C23)
• Wandering Mint color palette (#F3F8E3, #83CD97, #DC9B86, #B2874D, #32342D)
• Tempered Bronze color palette (#EDDBCB, #C08031, #A25800, #7A3600, #130900)
• Antique Mustard color palette (#F8EED2, #C9CE8C, #B1A744, #947E2C, #313B05)
• Aged Blush Pier color palette (#F9F6E3, #B5C175, #D07A9B, #B06250, #392A11)
• Muted Chestnut color palette (#FDEED2, #8D8238, #745D00, #533A00, #040400)

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