Timeworn Cocoa color palette — #FFF2EE · #F3D5BE · #D7A28C · #8F5262 · #682B10

Rust and Pewter set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Peach Cream (#F3D5BE): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Camel (#D7A28C): A luminous, dusty orange — the color of sun-warmed clay.
• Pewter (#8F5262): A full-bodied, balanced red — the color of embers at dusk.
• Rust (#682B10): A deep, shadowed, balanced orange — the color of sun-warmed clay.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged pastel, light, muted, warm.

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

• Wandering Pewter Boulevard color palette (#FFF1F3, #FACBCD, #D199AE, #775B8A, #523236)
• Dusty Cocoa Drift color palette (#FFF2EB, #E2DAC6, #CFC78F, #A06F69, #723C0C)
• Worn Chestnut Basin color palette (#F9E4CE, #AB9270, #7E5C32, #5F3A1A, #34302A)
• Patina Garnet color palette (#F7E1DE, #FBA486, #BB7133, #89253A, #39100A)
• Aged Pewter Parlor color palette (#FFEDEA, #FED3BC, #D3B16D, #955B94, #351911)
• Marigold Studio color palette (#FFF3E9, #FABA5D, #C99E00, #923F00, #4D2D00)
• Cocoa Meadow color palette (#FDEBDE, #C19156, #6D2D00, #3A1500, #161104)
• Ancient Amber Market color palette (#FEF3E8, #C78B4A, #6E5D00, #724300, #1F1704)

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