Timeworn Cocoa color palette — #F5EBEE · #B8D9C8 · #80B1AA · #6F4100 · #070103

Bronze and Sage set the tone — five colors that lean into optimism and sophistication.

The five colors

• Blush (#F5EBEE): a clean, paper-quiet neutral.
• Oat (#B8D9C8): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#80B1AA): A luminous, dusty teal — the color of sea glass.
• Bronze (#6F4100): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Ink (#070103): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Optimism, Sophistication. Tagged scandi, 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

• Dusty Lantern color palette (#F7E9F6, #E3C7D3, #8FAF9B, #8C1C2B, #060106)
• Basalt Boulevard color palette (#E1F0E7, #A8C1BC, #78989D, #453C00, #000201)
• Muted Driftwood color palette (#F6EDE3, #AFA999, #87823A, #4E3000, #1F1000)
• Fern Basin color palette (#E9F9F7, #C8DEEE, #A4C0CF, #2E702F, #030F0E)
• Airy Emerald color palette (#C7EBDC, #05A958, #005A54, #431936, #000200)
• Smoked Fern color palette (#DEEDE4, #584E00, #0D171A, #000801, #040001)
• Deep Station color palette (#DCE9DA, #8E5A00, #003D6D, #180042, #010008)
• Worn Moss Bloom color palette (#F9D8C5, #8D9714, #26755C, #3E274B, #08031E)

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