Timeworn Cocoa color palette — #E3F8E9 · #17A7BB · #7D60A9 · #862E20 · #253000

A conversation between Rust and Slate, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#E3F8E9): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#17A7BB): A luminous, balanced blue — the color of open sky before noon.
• Slate (#7D60A9): A full-bodied, balanced violet — the color of wild irises.
• Rust (#862E20): A full-bodied, balanced orange — the color of toasted spice.
• Deep Forest (#253000): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged warm.

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

• Antique Indigo color palette (#E8F8FF, #00BBD1, #7C60C6, #7C2932, #201C00)
• Wandering Driftwood Loft color palette (#E9FAF2, #64AFD5, #9C6AAA, #8D4825, #26410B)
• Cobalt Archive color palette (#EBF6E6, #00AD95, #4D6DBC, #7E2F55, #3A2800)
• Timeworn Periwinkle color palette (#FBECFA, #6496E1, #A0557D, #6B4800, #003425)
• Aubergine Terrace color palette (#DEF3E7, #00819F, #78248F, #502500, #001707)
• Timeworn Denim color palette (#EFF5E1, #2C8B54, #10539B, #5E2900, #003519)
• Worn Bronze color palette (#BAF2FF, #8DC1B1, #A4869C, #965836, #603F20)
• Violet Atelier color palette (#F1DAE4, #9270D2, #A6383D, #494400, #002523)

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