Timeworn Cocoa color palette — #F9E9F1 · #E2C7D2 · #98AD97 · #7A3805 · #070103
A conversation between Bronze and Sage, giving this palette its sense of optimism and sophistication.
The five colors
- Blush (#F9E9F1): A whisper-light, dusty rose — the color of pressed rose petals.
- Oat (#E2C7D2): A whisper-light, dusty rose — the color of strawberry cream.
- Sage (#98AD97): A luminous, dusty green — the color of new leaves after rain.
- Bronze (#7A3805): A full-bodied, balanced gold — the color of old brass.
- 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
- Washed Cocoa color palette (#E8F1E9, #BDD8C6, #87B19C, #644800, #000401)
- Patina Bronze Drift color palette (#E5DED9, #AA9D91, #997533, #5B2200, #0A0200)
- Worn Mulberry color palette (#F3EBF5, #DDC8DE, #BB9AB6, #852246, #050108)
- Softworn Courtyard color palette (#E7DBE3, #A2ADA2, #67877B, #621D00, #1E0D19)
- Patina Rust color palette (#EEE2E9, #C3A9A6, #91B198, #AF5320, #210B19)
- Weathered Fern Studio color palette (#EEF8F5, #C4E0E8, #9BC4C1, #50692B, #00110C)
- Dusty Grove color palette (#ECDFC8, #9A8F47, #566200, #00352E, #001112)
- Wandering Meadow color palette (#E5DDCE, #A76400, #544000, #002212, #020100)
Browse the whole catalog at Explore, or see today's palette.