Timeworn Cocoa color palette — #FFF3E8 · #DDDDCA · #96C4BF · #D29C91 · #5D3B00

Bronze and Camel set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF3E8): a clean, paper-quiet neutral.
• Bone (#DDDDCA): A whisper-light, dusty green — the color of fresh herbs.
• Ash (#96C4BF): A luminous, dusty teal — the color of glacier melt.
• Camel (#D29C91): A luminous, dusty orange — the color of toasted spice.
• Bronze (#5D3B00): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, muted.

Use it as a design system

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

• Tempered Chapel color palette (#FBF5E3, #D2E8CB, #BDD1ED, #BB9E70, #4F4400)
• Tempered Taupe color palette (#FFF2EB, #A8F9EE, #DFE0C6, #DA96A7, #504A44)
• Lagoon Meadow color palette (#E2E0CC, #A2BC78, #4D9C73, #5D3F00, #010100)
• Ancient Bronze color palette (#FFF2EA, #FAD5B4, #BE937E, #975839, #35312B)
• Softworn Stone Hollow color palette (#FCEDF6, #E5E7C4, #9DCEA6, #996B80, #2A392A)
• Aged Quarry color palette (#FDF4E0, #C4B45C, #73A3CE, #816597, #2D230C)
• Washed Driftwood color palette (#FCF7CD, #C2F3E6, #8BDCE9, #948B3B, #1C300E)
• Muted Lime Market color palette (#FFE7CC, #E5C15E, #8DBB44, #8C3900, #0F0800)

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