Timeworn Cocoa Coast color palette — #FAF4EB · #DCD0B2 · #9BA072 · #97746B · #5F4A00
Bronze and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FAF4EB): a clean, paper-quiet neutral.
- Wheat (#DCD0B2): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Moss (#9BA072): A luminous, dusty green — the color of new leaves after rain.
- Mocha (#97746B): A full-bodied, dusty orange — the color of autumn markets.
- Bronze (#5F4A00): 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 Coast 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
- Ancient Canyon color palette (#F4F6EF, #CAD6BD, #8EA37F, #628777, #3F5614)
- Hushed Harbor color palette (#FBF4EC, #CEBF9F, #78885A, #755E6B, #614900)
- Hushed Stone color palette (#ECF9F0, #B5ECD2, #AEB382, #8F8092, #3C4A43)
- Gentle Forest color palette (#E5E5D6, #769F74, #177341, #6A3400, #012203)
- Washed Moss color palette (#FCF5E3, #BAC08B, #76940F, #9C4F49, #3B3E0C)
- Wandering Cocoa Corridor color palette (#FFF2ED, #E0D9CE, #9AB6CB, #C8888F, #7E4220)
- Aged Archive color palette (#FFF2ED, #F5CAB8, #C8877E, #9F5148, #542A26)
- Worn Garnet color palette (#F7EEE0, #817536, #494800, #56001C, #080600)
Browse the whole catalog at Explore, or see today's palette.