Cocoa Alley color palette — #EEF8F3 · #4D8A9F · #8F505B · #684800 · #363932

Bronze and Coffee set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EEF8F3): bright and airy, almost weightless.
• Storm Blue (#4D8A9F): A luminous, dusty blue — the color of deep harbor water.
• Coffee (#8F505B): A full-bodied, balanced red — the color of a theater curtain.
• Bronze (#684800): A full-bodied, balanced gold — the color of old brass.
• Charcoal (#363932): a grounded near-black with real depth.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged jewel, vibrant, 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

• Softworn Chestnut color palette (#FCF2F9, #7B85B4, #94532B, #455916, #26392C)
• Antique Veranda color palette (#F1F8EE, #438F7B, #7C5283, #7F3A33, #36342D)
• Timeworn Studio color palette (#FBF2FB, #7B9BC0, #925D7A, #6F4C00, #084E3E)
• Mulberry Balcony color palette (#ECF4EF, #4F9EB2, #944A7D, #444D17, #132018)
• Chestnut Orchard color palette (#FEF4E3, #84ACD0, #73719F, #7F4B22, #544053)
• Patina Summit color palette (#F0F7F4, #E4DCDE, #D3C0C2, #4E89AF, #4B5551)
• Garnet Ridge color palette (#E0FDF4, #0070B0, #94001B, #3F3700, #002624)
• Cobalt Veranda color palette (#F8EEF6, #667BB1, #493640, #30242E, #121B1C)

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