Cocoa Alley color palette — #F3F7EA · #73A682 · #726898 · #6F435A · #653400

Bronze and Jade set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F3F7EA): a clean, paper-quiet neutral.
• Jade (#73A682): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#726898): A full-bodied, dusty violet — the color of wild irises.
• Charcoal Brown (#6F435A): A full-bodied, dusty rose — the color of pressed rose petals.
• Bronze (#653400): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Creativity, 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

• Chestnut Study color palette (#F1F8EE, #58A89D, #7D658D, #6D4C15, #3F3E37)
• Timeworn Taupe color palette (#FAF5E7, #A29A5B, #3D7898, #5F4872, #59354D)
• Aged Loft color palette (#EEF8F2, #7BBCD2, #7889C4, #875090, #5F3439)
• Muted Navy color palette (#E8F4F7, #69AAA2, #3C789F, #4E4279, #0E2F14)
• Airy Mulberry Workshop color palette (#E7F7E7, #008889, #7C356C, #691B00, #342B00)
• Hushed Bronze color palette (#F8F7DD, #BCC9B3, #799889, #A36244, #6D4F00)
• Wandering Cypress color palette (#FBF3EF, #CAE9E2, #7BA490, #427C66, #2F5249)
• Wandering Lagoon Study color palette (#ECFCD6, #6FBFB2, #359298, #287182, #2F5A4D)

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