Cocoa Alley color palette — #FFDEB9 · #7FAF9B · #297B74 · #653214 · #1F1000

Cocoa takes the lead with Teal close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Peach Cream (#FFDEB9): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#7FAF9B): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#297B74): A full-bodied, dusty teal — the color of sea glass.
• Cocoa (#653214): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#1F1000): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, warm.

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

• Aged Lagoon Garden color palette (#F2DACD, #9DA778, #008D7F, #6D3140, #2A030F)
• Teal Market color palette (#D9EEBF, #82B38C, #417E98, #553B00, #162200)
• Timeworn Corridor color palette (#F1E9D6, #6F9B6A, #006E7A, #492C00, #0B0600)
• Cerulean Archive color palette (#E1EDE3, #54B6A0, #0097B2, #7B597B, #3C1813)
• Jade Harbor color palette (#DCF0D3, #00B281, #00766F, #003F4D, #000D15)
• Wandering Meadow color palette (#D3EAD8, #009280, #125E6C, #452642, #28000B)
• Patina Meadow color palette (#DCFFE9, #89CABE, #6F92BE, #5E5700, #002D19)
• Airy Scarlet color palette (#D4F5FE, #00A7A5, #D6343D, #005958, #170001)

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