Timeworn Cocoa color palette — #E9F5F4 · #75AA8B · #656E9E · #7B3417 · #002E2E

Built around Rust, softened by Slate — the whole palette hums with nature and growth.

The five colors

• Ivory (#E9F5F4): bright and airy, almost weightless.
• Jade (#75AA8B): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#656E9E): A full-bodied, dusty violet — the color of a velvet chair.
• Rust (#7B3417): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Forest (#002E2E): A deep, shadowed, dusty teal — the color of sea glass.

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

• Ancient Cocoa color palette (#EDF2FD, #9199C6, #676E9C, #793524, #003024)
• Hushed Villa color palette (#E7F6F1, #8FA66F, #3B7A94, #782F4B, #1E2D02)
• Petrol Workshop color palette (#EEF6FD, #66A0C2, #6C68A2, #6E4362, #1C4953)
• Iris Ridge color palette (#F1F8ED, #60C6B0, #947DC5, #8E5C35, #45423B)
• Mulberry Lagoon color palette (#E6F4FF, #5795BB, #8F4777, #424500, #002133)
• Grape Quarry color palette (#DDF8FC, #009884, #722EB6, #542F00, #001E13)
• Dusty Terrace color palette (#EBF5ED, #AECBC0, #5F8D88, #3C6974, #20362F)
• Pewter Parlor color palette (#D7FAFB, #B3CCD7, #8092AA, #895F6D, #2E4941)

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