Worn Cocoa color palette — #FCF3EB · #E5D3B0 · #A6B37D · #A5849F · #563E00

Deep Olive and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FCF3EB): bright and airy, almost weightless.
• Wheat (#E5D3B0): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#A6B37D): A luminous, dusty green — the color of fresh herbs.
• Dusty Rose (#A5849F): A luminous, dusty pink — the color of peonies in June.
• Deep Olive (#563E00): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted, light.

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

• Washed Mint Garden color palette (#FBF4E9, #DDD6AE, #8ABB8A, #5F9D99, #4D4200)
• Muted Canyon color palette (#FBF4EB, #D2CC9B, #90AB6E, #7A7FB0, #38352E)
• Muted Teal Archive color palette (#F8F6E6, #B3DBB4, #44BC9C, #A672B2, #1C4520)
• Moss Orchard color palette (#F9F5EA, #D4E7BD, #91A95E, #697E5F, #3A3831)
• Quiet Wisteria color palette (#FFF1F6, #D6BEFF, #9FCE7A, #B37FF9, #314B1A)
• Worn Atelier color palette (#FFF1F5, #E4D7D0, #98BFCB, #9AB6FC, #67454C)
• Worn Loft color palette (#F8E9D2, #C0C86C, #62BB4B, #6D5CC3, #2E3100)
• Hazy Atelier color palette (#FFF1F2, #E2A8D8, #D1B063, #29C27F, #4F2C31)

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