Worn Cocoa color palette — #F4F3E0 · #79AF89 · #1F7366 · #6F3218 · #1A1F08

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

The five colors

• Cream (#F4F3E0): A whisper-light, dusty green — the color of new leaves after rain.
• Jade (#79AF89): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#1F7366): A full-bodied, balanced teal — the color of glacier melt.
• Rust (#6F3218): A deep, shadowed, balanced orange — the color of autumn markets.
• Onyx (#1A1F08): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Worn 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

• Softworn Pine Hollow color palette (#F7F1E5, #8FAC63, #287645, #49463F, #201D01)
• Chestnut Pier color palette (#FCF0E1, #BEB576, #697D4C, #754A04, #2F2610)
• Cypress Lantern color palette (#E9FAF4, #72A989, #057170, #544264, #193C3C)
• Worn Jade Villa color palette (#ECEFD3, #18A57D, #006261, #294021, #0C1600)
• Hushed Seafoam color palette (#E9F9F6, #A7E1AB, #619876, #4E6B5A, #062F2C)
• Mint Alley color palette (#CEFFD7, #4FC77C, #187A3B, #004019, #001405)
• Aged Veranda color palette (#E7E7D2, #178D64, #004F4B, #461A12, #050A00)
• Chalky Moss Chapel color palette (#EBE7D8, #8B9E00, #3B7800, #00512C, #00281E)

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