Timeworn Cocoa color palette — #FFF2EA · #DEDBCC · #99B9B3 · #CA9D8B · #653A00

Built around Bronze, softened by Camel — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Bone (#DEDBCC): A whisper-light, dusty green — the color of a quiet forest floor.
• Ash (#99B9B3): A luminous, dusty teal — the color of sea glass.
• Camel (#CA9D8B): A luminous, dusty orange — the color of toasted spice.
• Bronze (#653A00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

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

• Timeworn Cocoa Bloom color palette (#FEF4DF, #CAF2D2, #A8D6E0, #CEAB85, #574700)
• Washed Bronze color palette (#FAF5E5, #E4DFB3, #A2A174, #86641F, #32322B)
• Emerald Balcony color palette (#E5E0CF, #B4BE64, #57A457, #673D00, #010100)
• Weathered Oat Balcony color palette (#FFF0F9, #E6D7D5, #D4D090, #A67172, #5D444E)
• Patina Garden color palette (#FDF4E4, #CDAF64, #62A6D4, #79689B, #2F220B)
• Feathered Quarry color palette (#FFE9DC, #F7C774, #A2A83D, #922719, #0C0400)
• Airy Chartreuse Veranda color palette (#FFF3E6, #DBE6C7, #BDEA6F, #C66030, #362400)
• Wandering Bloom color palette (#FBF5E6, #B1A64A, #4A89BF, #724884, #27160B)

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