Timeworn Cocoa color palette — #FAF4EF · #C1E9D1 · #AA7863 · #6C3504 · #221913
A conversation between Bronze and Mocha, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FAF4EF): a clean, paper-quiet neutral.
- Celadon Mist (#C1E9D1): A whisper-light, dusty teal — the color of sea glass.
- Mocha (#AA7863): A luminous, dusty orange — the color of toasted spice.
- Bronze (#6C3504): A deep, shadowed, balanced gold — the color of honey in a jar.
- Ink (#221913): a grounded near-black with real depth.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, 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
- Tempered Marigold color palette (#F4EEDC, #CC9737, #413E00, #1D2726, #090800)
- Olive Study color palette (#F7F5EB, #FFE0B6, #707F28, #353D15, #121003)
- Ancient Chestnut Canyon color palette (#FBF3F7, #A9CAB0, #7B533E, #48303D, #2F1F20)
- Sand Meadow color palette (#FCF2F6, #FCD7A7, #C19374, #7E6470, #33282D)
- Dusty Sunflower color palette (#FFF3E6, #FDD460, #955C00, #432700, #0E0500)
- Wandering Hollow color palette (#FFF2EE, #FEA7AF, #5EBCDC, #9175A5, #3E2D28)
- Mint Canyon color palette (#FAF4EF, #E2DBD0, #5DC599, #C7896A, #1C2015)
- Mustard Coast color palette (#FFF3E3, #E1B448, #694B00, #221600, #020100)
Browse the whole catalog at Explore, or see today's palette.