Cocoa Alley color palette — #F9E4EC · #663B00 · #002B31 · #070027 · #040001

Built around Bronze, softened by Ink — the whole palette hums with optimism and creativity.

The five colors

• Rose Water (#F9E4EC): A whisper-light, dusty rose — the color of pressed rose petals.
• Bronze (#663B00): A deep, shadowed, balanced gold — the color of old brass.
• Deep Forest (#002B31): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#070027): A deep, shadowed, balanced violet — the color of a velvet chair.
• Black (#040001): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Optimism, Creativity, Sophistication, Depth, Luxury. Tagged jewel, vibrant, dark, 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

• Smoked Fern color palette (#DBEFE7, #424B00, #002040, #11000F, #030100)
• Onyx Garden color palette (#E6E3D4, #2C3200, #002014, #02002C, #040000)
• Charred Garnet color palette (#F6E3F1, #7F0405, #00261A, #1A060C, #00050D)
• Garnet Station color palette (#FCDBD6, #5F002B, #001A2C, #060023, #050005)
• Shadow Chestnut Field color palette (#FAEBCD, #7E5E00, #283800, #000C22, #020100)
• Weathered Bronze color palette (#F3EADF, #967700, #494600, #091300, #000200)
• Softworn Loft color palette (#D9E2D9, #ABC1B3, #739C8E, #513600, #000200)
• Nightshade Balcony color palette (#BCF0E2, #386F00, #1F0094, #2D001F, #020100)

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