Cocoa Alley color palette — #FFF2EA · #EDD4BF · #D9A996 · #AB897C · #643F00

Bronze and Rosewood Mist set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Bone (#EDD4BF): A whisper-light, dusty gold — the color of honey in a jar.
• Rosewood Mist (#D9A996): A luminous, dusty orange — the color of autumn markets.
• Caramel (#AB897C): A luminous, dusty orange — the color of autumn markets.
• Bronze (#643F00): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, light, muted.

Use it as a design system

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

• Sunlit Chapel color palette (#FFF2EA, #FFD0A8, #E0B467, #9B8F3E, #40510D)
• Stone Bloom color palette (#FFF0F9, #ECD3D0, #C5A2B9, #86728B, #324439)
• Patina Taupe Balcony color palette (#FCF3F0, #F2DAB6, #CA8A8D, #866459, #342824)
• Hushed Hollow color palette (#FDECF6, #CDB2BF, #9C758C, #684F61, #38262D)
• Hushed Taupe Boulevard color palette (#F4E6CF, #CAC48D, #B89A51, #987145, #32302A)
• Mustard Garden color palette (#FBF3F0, #FFD2C9, #B8BF58, #E89080, #302E27)
• Mint Bloom color palette (#FFF2ED, #F4AEA8, #7BC9AE, #6CA0C5, #433B38)
• Soft Bronze Lagoon color palette (#FCE5D5, #BE8040, #AC4F00, #832A1B, #120900)

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