Timeworn Cocoa color palette — #FAF4EF · #EADDBA · #A3BF98 · #8BA18C · #604A00

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

The five colors

• Ivory (#FAF4EF): a clean, paper-quiet neutral.
• Wheat (#EADDBA): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#A3BF98): A luminous, dusty green — the color of new leaves after rain.
• Taupe (#8BA18C): A luminous, dusty green — the color of new leaves after rain.
• Bronze (#604A00): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged botanical, earthy, muted, light.

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

• Patina Stone Summit color palette (#E9FAF4, #E4D5CE, #8FCACB, #ACA394, #594C58)
• Muted Delta color palette (#F0F7F2, #B4DBCC, #89A678, #678485, #3D534A)
• Dusty Teal color palette (#FAF5E4, #ABD7AD, #49B5A3, #5F89A8, #343A00)
• Hushed Cabin color palette (#E6FBF2, #82D2FE, #D3BE5D, #93B06E, #32483F)
• Dusty Lagoon color palette (#EBF5EC, #ABCCBD, #598F85, #47686D, #24352E)
• Feathered Sky Basin color palette (#E6FDE0, #89E2F6, #65C3FA, #7F91C9, #67495A)
• Softworn Dune color palette (#F6E8D7, #898F43, #007728, #00525B, #060600)
• Softworn Olive color palette (#F8EADC, #A59A3E, #3C8409, #714073, #121000)

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