Worn Cocoa color palette — #F5D8E7 · #BE9570 · #A25D36 · #7D3226 · #0D2B13

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

The five colors

• Shell Pink (#F5D8E7): A whisper-light, dusty rose — the color of strawberry cream.
• Camel (#BE9570): A luminous, dusty gold — the color of afternoon light on wheat.
• Ochre (#A25D36): A full-bodied, balanced orange — the color of sun-warmed clay.
• Rust (#7D3226): A full-bodied, balanced orange — the color of autumn markets.
• Deep Forest (#0D2B13): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged earthy, warm.

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

• Wandering Bronze Atelier color palette (#FDDEEA, #C6A981, #A67349, #814A35, #1B3725)
• Antique Bronze color palette (#DFF2E1, #AF9E5C, #936900, #703F02, #252600)
• Garnet Parlor color palette (#F9E3EF, #9F825B, #863E13, #660F26, #292500)
• Faded Bronze Delta color palette (#FFF2EA, #DDA672, #B4591F, #762A1F, #1C0F00)
• Ancient Amber color palette (#FFE9DA, #DAA75E, #D26F3C, #9E4F5B, #2E2200)
• Driftwood Lagoon color palette (#ECF9EE, #A4C8B2, #A48B5E, #845B6B, #264438)
• Bronze Bloom color palette (#EED9E2, #95631A, #6A3500, #440F00, #050300)
• Aged Ash Loft color palette (#FFF0F9, #E5BECE, #B48EA4, #866A81, #3C4D3D)

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