Timeworn Cocoa color palette — #D8E6C7 · #AECCAE · #61ACD0 · #957272 · #73351D

Rust and Cyan set the tone — five colors that lean into nature and growth.

The five colors

• Celadon Mist (#D8E6C7): A whisper-light, dusty green — the color of a quiet forest floor.
• Pistachio (#AECCAE): A luminous, dusty green — the color of fresh herbs.
• Cyan (#61ACD0): A luminous, balanced blue — the color of a favorite pair of jeans.
• Mocha (#957272): A full-bodied, dusty red — the color of embers at dusk.
• Rust (#73351D): A full-bodied, balanced orange — the color of toasted spice.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, 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

• Tempered Cocoa color palette (#C6E9D0, #A0C7E6, #9BA5D6, #AA796C, #603800)
• Weathered Field color palette (#E2EAC3, #96D7C5, #8FB59B, #916F92, #5C413E)
• Sunlit Mulberry color palette (#C8EFE4, #53AFB9, #3E89B4, #944C69, #411B15)
• Wandering Cocoa Lagoon color palette (#E7FBEE, #BDE2E7, #DBB3CC, #AE978A, #6B4400)
• Dusty Onyx color palette (#CAEEEB, #81A3B0, #577D93, #454C68, #2F1C3F)
• Worn Hollow color palette (#F6F6E6, #A1DAAD, #1EBA91, #758C62, #35362F)
• Powdered Loft color palette (#DAEAF2, #6283BD, #6D52A2, #6D3200, #160F00)
• Powdered Coral Coast color palette (#E1F4E7, #67E7FF, #E97661, #00A3BA, #53261E)

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