Timeworn Cocoa color palette — #F2E5EA · #AEA15A · #6A3700 · #2E1500 · #0C0206

Bronze and Moss set the tone — five colors that lean into nature and growth.

The five colors

• Rose Water (#F2E5EA): a clean, paper-quiet neutral.
• Moss (#AEA15A): A luminous, balanced green — the color of new leaves after rain.
• Bronze (#6A3700): A deep, shadowed, balanced gold — the color of honey in a jar.
• Onyx (#2E1500): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#0C0206): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, 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

• Garnet Delta color palette (#F2E4F1, #97A963, #831223, #39050B, #0A0309)
• Ancient Amber color palette (#DFEDE7, #CA9357, #414D00, #1A1F00, #000704)
• Wandering Mustard color palette (#F8ECE2, #CAB455, #8C5426, #3A342F, #201308)
• Dusty Terracotta Basin color palette (#F9EEF4, #DD8759, #00727B, #893A00, #00080C)
• Bronze Chapel color palette (#D7E9D6, #927500, #3C2400, #12191E, #0E0600)
• Chestnut Quarry color palette (#FFF3E7, #EDCB85, #8F5300, #3C2000, #080300)
• Worn Olive Boulevard color palette (#FAE6DA, #B3983D, #507500, #004727, #001C1C)
• Powdered Orchard color palette (#F9E1F0, #AF8124, #006D3F, #4D235E, #001E13)

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