Timeworn Cocoa color palette — #FAF5E3 · #CFE4D4 · #ADD3BA · #A28880 · #76410F

Bronze and Pistachio set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FAF5E3): A whisper-light, dusty green — the color of new leaves after rain.
• Celadon Mist (#CFE4D4): A whisper-light, dusty teal — the color of sea glass.
• Pistachio (#ADD3BA): A whisper-light, dusty teal — the color of sea glass.
• Caramel (#A28880): A luminous, dusty orange — the color of sun-warmed clay.
• Bronze (#76410F): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged vintage, retro, 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

• Ancient Driftwood color palette (#F7F5EE, #BDE3D6, #7FBEA1, #99843D, #494A00)
• Hushed Basalt Hollow color palette (#E3F9E5, #B2CCC6, #829BA4, #7D6470, #563C48)
• Chestnut Coast color palette (#ECFCD5, #8BD1D8, #678BB2, #78470D, #35210C)
• Worn Bronze color palette (#E4FEE3, #B0E7EA, #B3B1DE, #93722D, #5C4400)
• Wandering Workshop color palette (#FAF3F0, #BEE3E9, #83DAF3, #64A181, #38544B)
• Blush Coast color palette (#EBFBE8, #86DED7, #FA9AB3, #C19972, #303C2F)
• Worn Quarry color palette (#F6F9D3, #89ECE7, #5CB5EC, #98624A, #423C37)
• Weathered Field color palette (#D1E6CC, #5BB3D8, #5868AF, #574219, #251600)

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