Timeworn Cocoa color palette — #FFF5D2 · #CAE1AD · #B6BD97 · #809285 · #7E4320
Bronze and Celadon Mist set the tone — five colors that lean into nature and growth.
The five colors
- Custard (#FFF5D2): A whisper-light, dusty green — the color of a quiet forest floor.
- Celadon Mist (#CAE1AD): A whisper-light, dusty green — the color of a quiet forest floor.
- Stone (#B6BD97): A luminous, dusty green — the color of a quiet forest floor.
- Eucalyptus (#809285): A luminous, dusty teal — the color of glacier melt.
- Bronze (#7E4320): A full-bodied, balanced orange — the color of toasted spice.
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
- Oat Balcony color palette (#FFF4DB, #DBD4B0, #BCBC9C, #7F9280, #415349)
- Airy Chartreuse color palette (#DAE9B7, #B0DC72, #85BE6C, #6B9969, #43453E)
- Soft Chartreuse Boulevard color palette (#F5F8DE, #91E488, #F9A781, #7AAE75, #5F3623)
- Hushed Driftwood color palette (#FFEBE3, #C1AD9C, #928239, #744F6B, #602505)
- Veil Study color palette (#DDFFE8, #B3E5EE, #95C2C1, #737D94, #494860)
- Timeworn Aqua color palette (#E0F4E1, #79D2E7, #73A9C8, #A27B8D, #57353F)
- Gentle Alley color palette (#F0FADE, #54DB97, #4EC4EC, #B8A466, #373932)
- Powdered Seafoam color palette (#EDFCD3, #94F5BD, #67C494, #4A8C69, #0A3620)
Browse the whole catalog at Explore, or see today's palette.