Timeworn Cocoa color palette — #FBF4EC · #CEC09A · #6C8C5D · #775D6A · #604A00

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

The five colors

• Ivory (#FBF4EC): a clean, paper-quiet neutral.
• Sand (#CEC09A): A luminous, dusty green — the color of new leaves after rain.
• Fern (#6C8C5D): A luminous, dusty green — the color of new leaves after rain.
• Graphite (#775D6A): A full-bodied, dusty rose — the color of pressed rose petals.
• Bronze (#604A00): A full-bodied, balanced gold — the color of honey in a jar.

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

• Chestnut Canyon color palette (#FBF4E8, #D5D4A5, #A19D75, #8B777F, #5E4B00)
• Wandering Stone color palette (#EAF5ED, #C7C798, #5B8F81, #5C6075, #23362D)
• Dusty Fern Chapel color palette (#F7F6EA, #87BEA2, #1C8384, #764D4E, #374A01)
• Wandering Turquoise color palette (#FBF3F1, #CDE7DF, #54A6BF, #587858, #35514A)
• Antique Plum Studio color palette (#FFF2EE, #E298A3, #3FA9B7, #AA5363, #3B5442)
• Patina Driftwood color palette (#FFF2EB, #F2BAAA, #BD6C65, #793D33, #3D3632)
• Dusty Coast color palette (#FFF3E3, #9EAB62, #007F3E, #59447A, #3C3B34)
• Muted Garden color palette (#EDE3D3, #7E955B, #006542, #4D2F5C, #2D2A0A)

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