Timeworn Cocoa color palette — #FFF3E5 · #BEE6D1 · #C5CBD7 · #A47E69 · #5C4900
A conversation between Deep Olive and Caramel, giving this palette its sense of nature and growth.
The five colors
- Cream (#FFF3E5): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Celadon Mist (#BEE6D1): A whisper-light, dusty teal — the color of glacier melt.
- Oat (#C5CBD7): a calm mid-gray that lets other colors speak.
- Caramel (#A47E69): A luminous, dusty gold — the color of old brass.
- Deep Olive (#5C4900): A full-bodied, balanced green — the color of new leaves after rain.
Feels like: Nature, Growth, 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
- Washed Cocoa Corridor color palette (#FFF2EC, #DFDFCC, #B1D0AE, #B08685, #784312)
- Bronze Harbor color palette (#F4F8E0, #BEE6DA, #B0CDFC, #887C3D, #4A5544)
- Chestnut Coast color palette (#FBF4E9, #BFB89C, #947D50, #854E20, #494C00)
- Ancient Field color palette (#F9F6E1, #B8EDD4, #53BBE7, #916A39, #3F3F38)
- Weathered Powder Hollow color palette (#E7F6EC, #B6DEF5, #9DB9DB, #849B83, #2E3D36)
- Ancient Cobalt Drift color palette (#F7F6EA, #839A61, #7178BD, #874A51, #3E3D36)
- Washed Sapphire color palette (#D8F0D7, #40B0BA, #3B67E1, #464000, #001C16)
- Tempered Olive Meadow color palette (#F6F5EF, #BDC698, #577EBB, #6A741B, #342A34)
Browse the whole catalog at Explore, or see today's palette.