Timeworn Cocoa color palette — #FDF3EF · #E1DAC7 · #C1C1A9 · #AF6A67 · #62250B

Rust and Mocha set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FDF3EF): a clean, paper-quiet neutral.
• Bone (#E1DAC7): A whisper-light, dusty green — the color of a quiet forest floor.
• Stone (#C1C1A9): A luminous, dusty green — the color of a quiet forest floor.
• Mocha (#AF6A67): A full-bodied, balanced orange — the color of autumn markets.
• Rust (#62250B): A deep, shadowed, balanced orange — the color of sun-warmed clay.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Driftwood Bloom color palette (#FBF3EE, #DDDCD0, #BEC2B4, #B5816A, #4F453F)
• Weathered Stone Grove color palette (#FFDED5, #D8AC86, #98996B, #815F77, #5A3E4F)
• Antique Cocoa color palette (#E7DCD2, #C3B297, #9C967C, #7E3F00, #1E1005)
• Timeworn Olive Corridor color palette (#F2EFE2, #D8DAC4, #B1BCA6, #747632, #312E22)
• Bronze Basin color palette (#F0E2D7, #C36200, #543B00, #2E1D10, #150A07)
• Worn Coast color palette (#F5F7E3, #72C8A9, #219291, #7A5A58, #333730)
• Misty Apricot color palette (#FFF3E9, #FFB7C9, #FF9A64, #9B973F, #482E0B)
• Patina Coral Chapel color palette (#FDEDCD, #F17779, #9D6D05, #285980, #352F2B)

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