Cocoa Alley color palette — #D9FFF2 · #CFB6CF · #9A8894 · #7F6A6B · #76410D

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

The five colors

• Honeydew (#D9FFF2): A whisper-light, dusty teal — the color of glacier melt.
• Rosewood Mist (#CFB6CF): A luminous, dusty pink — the color of peonies in June.
• Heather (#9A8894): A luminous, dusty pink — the color of peonies in June.
• Pewter (#7F6A6B): A full-bodied, dusty red — the color of a theater curtain.
• Bronze (#76410D): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Optimism, Sophistication. Tagged vintage, retro, 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

• Timeworn Bronze Delta color palette (#FFF0F8, #E9BCCD, #A28A8E, #98573A, #694E00)
• Cocoa Station color palette (#E6FBED, #B1CDBF, #789D94, #826F74, #7F4027)
• Wandering Canyon color palette (#EBF7FF, #C5D6EA, #A9B1C5, #937789, #3F533F)
• Dusty Lilac Corridor color palette (#DAE5FF, #A6A1E5, #886CA9, #7C534B, #6D3D38)
• Tempered Powder color palette (#D8FFF4, #88BCFC, #6286BF, #566791, #654D5E)
• Tempered Driftwood color palette (#F6F6EC, #C0C59C, #7A8945, #606958, #4D5200)
• Peony Archive color palette (#E8D9E8, #D56FB3, #994B65, #654422, #363A03)
• Timeworn Ash Dune color palette (#F5F6EE, #C4E9E1, #64A4B3, #5B7759, #42594C)

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