Worn Cocoa color palette — #F1DDE8 · #BF9571 · #A25D3B · #7C332C · #0F2B12

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

The five colors

• Shell Pink (#F1DDE8): A whisper-light, dusty pink — the color of a candy shop window.
• Camel (#BF9571): A luminous, dusty gold — the color of afternoon light on wheat.
• Ochre (#A25D3B): A full-bodied, balanced orange — the color of sun-warmed clay.
• Rust (#7C332C): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Forest (#0F2B12): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. 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 Stone color palette (#F6E1EA, #CCA779, #A27554, #7B4D3E, #1A3823)
• Gentle Canyon color palette (#F6E7EF, #A38152, #8C3800, #6B0024, #022C1B)
• Aged Archive color palette (#FFF2EA, #D8A77F, #B8551D, #742C25, #1C0F00)
• Worn Bronze Veranda color palette (#D8F1E0, #A2A364, #867011, #684500, #002C22)
• Antique Amber Quarry color palette (#EEE1D9, #D8A86A, #D76B3A, #9C505E, #2D2205)
• Dusty Chestnut Villa color palette (#E9FBEA, #A6C7B1, #A38B65, #86603F, #2B4339)
• Cocoa Thicket color palette (#F9E4EE, #8F6534, #6D3300, #460B00, #060300)
• Aged Olive color palette (#DAE7DD, #898000, #664F00, #452A00, #090D00)

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