Cocoa Alley color palette — #FCF4E7 · #D29594 · #986D48 · #006764 · #6F350F

Built around Bronze, softened by Pine — the whole palette hums with optimism and warmth.

The five colors

• Ivory (#FCF4E7): bright and airy, almost weightless.
• Rosewood Mist (#D29594): A luminous, dusty orange — the color of toasted spice.
• Walnut (#986D48): A full-bodied, dusty gold — the color of honey in a jar.
• Pine (#006764): A full-bodied, dusty teal — the color of sea glass.
• Bronze (#6F350F): A deep, shadowed, balanced orange — the color of toasted spice.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged retro, muted, warm.

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

• Denim Summit color palette (#FCF4E9, #C3A07A, #7A7B49, #225F84, #604100)
• Ancient Forest Atelier color palette (#FDF4E6, #BF9AB8, #9B666B, #3C6539, #5C3F3E)
• Dusty Blush color palette (#F7F2E0, #D794B5, #9C6D3D, #2A5772, #3B261F)
• Antique Olive Parlor color palette (#FCF3EF, #C3867E, #707635, #006063, #3E3D63)
• Pale Ember color palette (#FFF4E2, #D3693B, #7B5A00, #004E5B, #522900)
• Amber Thicket color palette (#E6FBF1, #E7A8C9, #BD8451, #467494, #504251)
• Abyss Terrace color palette (#FFF2EC, #D7C8BC, #A4977C, #5C7262, #2C5458)
• Fern Chapel color palette (#F5F6EC, #BDC5AC, #538E7E, #7C5D5A, #45550B)

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