Timeworn Cocoa color palette — #F3F3E3 · #78AE90 · #1D736B · #6F3314 · #172001

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

The five colors

• Cream (#F3F3E3): A whisper-light, dusty green — the color of a quiet forest floor.
• Jade (#78AE90): A luminous, dusty teal — the color of glacier melt.
• Teal (#1D736B): A full-bodied, dusty teal — the color of sea glass.
• Rust (#6F3314): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Onyx (#172001): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Aged Pine Villa color palette (#F8F1E6, #AAA176, #42723F, #5D4100, #221C00)
• Timeworn Cypress Studio color palette (#F3F4DD, #73B996, #007C75, #3C542A, #002818)
• Tempered Lagoon color palette (#E9F9F6, #B4DCBC, #4C9C76, #6A653B, #002F2D)
• Patina Station color palette (#F2E3D3, #9A8E58, #4C5D1D, #004432, #171200)
• Dusty Lagoon color palette (#E8FAF5, #8EBFBF, #14938A, #86544C, #103D3D)
• Gentle Pine color palette (#F2EECF, #8CA742, #2A761D, #00502B, #00251D)
• Powder Orchard color palette (#F1F5D9, #A1EADE, #7EBBD7, #767540, #1F2D11)
• Patina Veranda color palette (#E2E4D0, #178C6F, #004E4F, #4C1500, #000B06)

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