Worn Cocoa color palette — #E0ECDF · #7CA18C · #825A24 · #6D2E1B · #143830
A conversation between Rust and Coffee, giving this palette its sense of optimism and sophistication.
The five colors
- Honeydew (#E0ECDF): A whisper-light, dusty green — the color of a quiet forest floor.
- Eucalyptus (#7CA18C): A luminous, dusty teal — the color of sea glass.
- Coffee (#825A24): A full-bodied, balanced gold — the color of old brass.
- Rust (#6D2E1B): A deep, shadowed, balanced orange — the color of sun-warmed clay.
- Deep Forest (#143830): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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
- Worn Study color palette (#E8FBEE, #8BB1A4, #817140, #6F4727, #1B4542)
- Garnet Study color palette (#FFE7EF, #AD9D5C, #945A00, #7E2816, #2D3B0A)
- Aged Harbor color palette (#E2F4E3, #8C8B53, #714E00, #5E2200, #152B08)
- Muted Canyon color palette (#F4E2ED, #B48997, #934E36, #6E293C, #183827)
- Dusty Garnet color palette (#F7D2E6, #AF8548, #943C00, #740028, #2E2A00)
- Worn Mustard color palette (#FAE4CC, #D5C26F, #BF9465, #9B6C61, #31312A)
- Aged Summit color palette (#F5F4FF, #B485C2, #7F5300, #761C8D, #071E08)
- Wandering Olive color palette (#D0EBDD, #53723D, #3E3A00, #2A1700, #000F07)
Browse the whole catalog at Explore, or see today's palette.