Worn Cocoa Pier color palette — #D8E9E3 · #7D9469 · #2F6327 · #692500 · #1B3003
Rust and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#D8E9E3): a clean, paper-quiet neutral.
- Moss (#7D9469): A luminous, dusty green — the color of a quiet forest floor.
- Pine (#2F6327): A full-bodied, balanced green — the color of fresh herbs.
- Rust (#692500): A deep, shadowed, balanced orange — the color of autumn markets.
- Deep Forest (#1B3003): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Worn Cocoa Pier 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 Villa color palette (#EBF9F5, #82A67F, #36714A, #6E3D17, #013F3A)
- Softworn Abyss color palette (#D7EBE8, #528864, #005238, #452600, #00220E)
- Tempered Canyon color palette (#CEE6D9, #759B56, #00663E, #472C52, #001712)
- Linen Atelier color palette (#F0D6E0, #B86700, #007F4A, #6C3B00, #00321A)
- Timeworn Pine color palette (#EAE4D4, #8FB177, #0B8756, #654774, #2C2B06)
- Softworn Navy Cabin color palette (#D0EBEC, #519C89, #00635B, #004266, #003128)
- Hushed Bronze Pier color palette (#DEF7E4, #776C29, #3A3A00, #3A1700, #131000)
- Misty Amber color palette (#FFD8AF, #BC823D, #7A4B00, #422500, #251200)
Browse the whole catalog at Explore, or see today's palette.