Timeworn Cocoa color palette — #F2D7E5 · #9B6942 · #703000 · #4A1300 · #231100

Built around Rust, softened by Espresso — the whole palette hums with optimism and warmth.

The five colors

• Shell Pink (#F2D7E5): A whisper-light, dusty rose — the color of pressed rose petals.
• Walnut (#9B6942): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Rust (#703000): A deep, shadowed, balanced orange — the color of toasted spice.
• Espresso (#4A1300): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#231100): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Balance, Grounding. Tagged earthy, warm, 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

• Dusty Station color palette (#D7F0D9, #8A7337, #5B4000, #3A2200, #1B1600)
• Hushed Coast color palette (#F3E2E9, #A97D53, #824200, #5C2300, #341F00)
• Chestnut Parlor color palette (#F7E1E8, #80A180, #8A5616, #683400, #1A3821)
• Moonless Fern color palette (#CDE6D9, #5B5E15, #312D00, #161000, #030400)
• Softworn Garnet Studio color palette (#D5F4EC, #3A5D00, #800025, #451900, #071100)
• Worn Cocoa color palette (#FFF1F6, #C599A8, #96663E, #7A401C, #2F4330)
• Cellar Olive color palette (#D0E8E6, #7E8100, #003016, #000D04, #010204)
• Washed Lagoon color palette (#D2E1E5, #00897F, #284767, #003B36, #000406)

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