Timeworn Cocoa Garden color palette — #FFE0D8 · #9E765D · #6D4400 · #1B3800 · #001709

Built around Bronze, softened by Deep Forest — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#FFE0D8): A whisper-light, dusty orange — the color of autumn markets.
• Mocha (#9E765D): A full-bodied, dusty gold — the color of old brass.
• Bronze (#6D4400): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Forest (#1B3800): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Ink (#001709): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Timeworn Cocoa Garden 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

• Aged Fern Courtyard color palette (#EFE3CD, #92752F, #475300, #003A33, #001315)
• Softworn Bronze Canyon color palette (#FFE2CC, #B87024, #683700, #271100, #040100)
• Muted Fern Hollow color palette (#E5E1CF, #6D814C, #255000, #4E1200, #050A00)
• Hushed Villa color palette (#FAE4F4, #B07375, #7E4F0F, #0A3F56, #002C42)
• Softworn Quarry color palette (#F9E6D7, #CDBBA6, #A2803C, #576723, #2C391F)
• Powdered Corridor color palette (#FFEADB, #A64E00, #006B25, #582600, #000B01)
• Hushed Cypress Delta color palette (#E7EBDB, #939575, #31704D, #004151, #002A1F)
• Muted Garnet Villa color palette (#FEE9DE, #8C3E00, #4B5100, #6B004F, #090200)

Browse the whole catalog at Explore, or see today's palette.