Timeworn Cocoa Terrace color palette — #D0E6CC · #5B8B94 · #32617C · #5A2200 · #2C2600

A conversation between Espresso and Peacock, giving this palette its sense of nature and growth.

The five colors

• Celadon Mist (#D0E6CC): A whisper-light, dusty green — the color of new leaves after rain.
• Storm Blue (#5B8B94): A luminous, dusty blue — the color of a favorite pair of jeans.
• Peacock (#32617C): A full-bodied, dusty blue — the color of open sky before noon.
• Espresso (#5A2200): A deep, shadowed, balanced orange — the color of toasted spice.
• Onyx (#2C2600): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Timeworn Cocoa Terrace 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 Garden color palette (#C8E9DA, #0C808E, #244585, #442200, #1B2100)
• Timeworn Balcony color palette (#DCF2E0, #67978B, #00675F, #5E133C, #401505)
• Tempered Turquoise Delta color palette (#CAF1E1, #5FB9BF, #6983B2, #7D5838, #381F03)
• Worn Petrol color palette (#D5E9DF, #67A8B5, #4F6DA6, #6A4400, #354600)
• Worn Petrol color palette (#CBE4F7, #0076A6, #874500, #003E5A, #2D1300)
• Petrol Workshop color palette (#CFECF6, #6598B8, #346FAA, #5D376F, #302441)
• Patina Study color palette (#C0E7F4, #2A85B0, #245798, #461B54, #220308)
• Misty Sapphire Summit color palette (#D9E9FB, #1E6BC3, #701A00, #503800, #00112B)

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