Worn Cocoa Ridge color palette — #FFF2EB · #DFDBCC · #C3C7A4 · #A07D73 · #7A4316

A conversation between Bronze and Pistachio, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Bone (#DFDBCC): A whisper-light, dusty green — the color of new leaves after rain.
• Pistachio (#C3C7A4): A luminous, dusty green — the color of fresh herbs.
• Mocha (#A07D73): A luminous, dusty orange — the color of toasted spice.
• Bronze (#7A4316): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, muted.

Use it as a design system

One click turns Worn Cocoa Ridge 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

• Antique Cocoa Corridor color palette (#FFEEE6, #DEDAC5, #BDCBD7, #B18884, #632F00)
• Fern Boulevard color palette (#FDF4E0, #C4F4D4, #A1D2B3, #93784D, #5E4E00)
• Weathered Stone Corridor color palette (#FFF3E2, #EDE5AC, #9EBB89, #86583A, #403C36)
• Tempered Bronze Orchard color palette (#F9F4ED, #D9BC84, #518C68, #856828, #2D2F28)
• Frosted Balcony color palette (#F7ECD2, #B7C666, #519750, #734500, #2D2200)
• Softworn Drift color palette (#FFF0FC, #C5F4DD, #E7D8D6, #B49EC0, #614D59)
• Bronze Corridor color palette (#FFE3D1, #B58343, #817100, #5D1216, #160700)
• Amber Hollow color palette (#FCF4E9, #B78634, #50879E, #5F5981, #543600)

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