Patina Cocoa Alley color palette — #FDF2F5 · #BFEAF1 · #9E7F5E · #5C401E · #24171B
A conversation between Cocoa and Mocha, giving this palette its sense of optimism and sophistication.
The five colors
- Ivory (#FDF2F5): bright and airy, almost weightless.
- Frost (#BFEAF1): A whisper-light, dusty blue — the color of open sky before noon.
- Mocha (#9E7F5E): A luminous, dusty gold — the color of old brass.
- Cocoa (#5C401E): A deep, shadowed, dusty gold — the color of old brass.
- Ink (#24171B): A deep, shadowed, dusty rose — the color of pressed rose petals.
Feels like: Optimism, Sophistication. Tagged luxury, dark, muted.
Use it as a design system
One click turns Patina 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
- Abyss Basin color palette (#F1F7F2, #B6E3ED, #6E9075, #2D4F36, #151E17)
- Worn Driftwood color palette (#FAF2F9, #E7D7D6, #AE756F, #593A55, #231721)
- Timeworn Mustard Dune color palette (#D9F6EB, #B6A241, #384100, #181B21, #060900)
- Hushed Delta color palette (#FEF1F6, #EDDDB1, #BE956E, #82636E, #32282C)
- Timeworn Drift color palette (#FBF0E5, #D5C28D, #7E5832, #35302B, #18130D)
- Inked Bronze color palette (#DAE9DB, #9C7200, #271800, #010B08, #020100)
- Dusty Mustard Delta color palette (#EBF9F0, #D7B75F, #5E5100, #1E1800, #000201)
- Worn Cobalt Archive color palette (#FCF1FE, #ECB1BC, #86B2E3, #7E7AB4, #3A2B3E)
Browse the whole catalog at Explore, or see today's palette.