Timeworn Cocoa color palette — #FCF3EE · #D1BE9E · #7B8758 · #5A6C52 · #664700
Built around Bronze, softened by Driftwood — the whole palette hums with nature and growth.
The five colors
- Ivory (#FCF3EE): a clean, paper-quiet neutral.
- Sand (#D1BE9E): A luminous, dusty gold — the color of afternoon light on wheat.
- Driftwood (#7B8758): A luminous, dusty green — the color of fresh herbs.
- Pewter (#5A6C52): A full-bodied, dusty green — the color of a quiet forest floor.
- Bronze (#664700): A full-bodied, balanced gold — the color of old brass.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, 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 Summit color palette (#F8F5ED, #C2C4A1, #49917A, #7D6217, #505100)
- Dusty Olive color palette (#FBF4EB, #DED0AC, #97A176, #788540, #604A00)
- Stone Study color palette (#ECF5EC, #CCC595, #638D7F, #496866, #28352D)
- Petal Archive color palette (#EAFAF0, #E9D5D0, #E9BEE6, #819876, #42534D)
- Muted Atelier color palette (#F7F5EC, #91BC9B, #2D837B, #3D5D7A, #3D4900)
- Worn Ash Quarry color palette (#FAF4EF, #CCE5E5, #789CC9, #457A6F, #604B58)
- Muted Stone Bloom color palette (#FFF1F5, #C5E8D1, #90C2B2, #7FA2A3, #405247)
- Aged Grove color palette (#EFE3D0, #849451, #006637, #004653, #2F2905)
Browse the whole catalog at Explore, or see today's palette.