Worn Cocoa color palette — #FFF2F0 · #E1DBCF · #BFCBAC · #9680AB · #7E4222

Bronze and Heather set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF2F0): a clean, paper-quiet neutral.
• Bone (#E1DBCF): bright and airy, almost weightless.
• Pistachio (#BFCBAC): A whisper-light, dusty green — the color of a quiet forest floor.
• Heather (#9680AB): A luminous, dusty violet — the color of a velvet chair.
• Bronze (#7E4222): A full-bodied, balanced orange — the color of autumn markets.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, 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

• Cocoa Parlor color palette (#FFF2EE, #E0D9CF, #ADBAC6, #BC9292, #7B3D22)
• Chestnut Ridge color palette (#FEF3E7, #C2B79F, #997957, #884B29, #504900)
• Plum Archive color palette (#FFF2ED, #FFDBAE, #ACC47A, #A15194, #663928)
• Driftwood Station color palette (#FFF3E6, #D7E9C2, #95DCC1, #AC6268, #4F4B45)
• Tempered Archive color palette (#FAECFD, #F2E4B1, #EAD1D5, #A87D98, #41343F)
• Wandering Rust color palette (#FAF4F0, #E5B3A1, #558B66, #AD4B22, #2D2F28)
• Timeworn Terracotta color palette (#FFF4E0, #B9D58B, #00B7BB, #AC3A00, #413F00)
• Weathered Aubergine color palette (#F5E4E7, #B38169, #647100, #5C005C, #230001)

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