Cocoa Alley color palette — #F8EBE1 · #794000 · #00455C · #341800 · #00070C

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

The five colors

• Cream (#F8EBE1): bright and airy, almost weightless.
• Bronze (#794000): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Teal (#00455C): A deep, shadowed, dusty blue — the color of deep harbor water.
• Onyx (#341800): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#00070C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Shadow Coast color palette (#EEE5D0, #7B5700, #242F32, #181400, #030200)
• Smoked Thicket color palette (#FFD6D2, #9B001A, #00474D, #440006, #000809)
• Velvet Archive color palette (#F7DDCD, #632F00, #00394C, #001468, #040100)
• Antique Boulevard color palette (#F4D5DF, #955900, #00627C, #522E00, #00070C)
• Airy Nightshade color palette (#FCEED7, #674C00, #2B00B3, #2B1E00, #030022)
• Aged Aubergine Thicket color palette (#EAE8D5, #556800, #6700A8, #273100, #18002E)
• Tempered Station color palette (#EADCD4, #B68B00, #4D7614, #5C191B, #180E00)
• Bronze Bloom color palette (#F6E2EB, #BA6414, #007AAC, #804100, #00070E)

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