Cocoa Alley color palette — #EDDBCB · #7E3D00 · #00374F · #001A27 · #040001

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

The five colors

• Bone (#EDDBCB): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Bronze (#7E3D00): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Teal (#00374F): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#001A27): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#040001): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Trust, Stability, Optimism, 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

• Garnet Workshop color palette (#F4D8C9, #87020B, #003938, #001C1B, #020006)
• Velvet Onyx Atelier color palette (#F7E1C7, #794E00, #003E46, #1D004D, #09000C)
• Nocturne Cabin color palette (#EAE3C5, #504300, #18211C, #061200, #020100)
• Hazy Nightshade Alley color palette (#F4D9E5, #9C4C00, #00595C, #271C91, #110118)
• Smoked Aubergine Boulevard color palette (#F0E2CD, #624700, #2D0090, #19005A, #040000)
• Wandering Basin color palette (#F5DCD2, #A16A00, #504300, #122400, #000601)
• Navy Garden color palette (#F5E9C0, #6A6400, #005468, #04008F, #130001)
• Eclipse Orchard color palette (#CBE8E3, #155902, #003810, #001E25, #110000)

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