Cocoa Alley color palette — #E9F1E8 · #BED7C6 · #85B19F · #6B4400 · #000400
Built around Bronze, softened by Sage — the whole palette hums with optimism and sophistication.
The five colors
- Cream (#E9F1E8): a clean, paper-quiet neutral.
- Oat (#BED7C6): A whisper-light, dusty teal — the color of sea glass.
- Sage (#85B19F): A luminous, dusty teal — the color of sea glass.
- Bronze (#6B4400): A full-bodied, balanced gold — the color of old brass.
- Ink (#000400): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Optimism, Sophistication. Tagged scandi, muted, light.
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
- Worn Cocoa color palette (#F8E9F2, #E0C8D2, #93AE96, #7F3213, #080005)
- Ancient Basalt Parlor color palette (#E0E9E4, #A5C2B9, #739B96, #423D00, #000201)
- Aged Bronze Workshop color palette (#EBE5DF, #A69F90, #857E35, #4E2E00, #080300)
- Tempered Corridor color palette (#EDF8F7, #C8DEEA, #9CC2CB, #29703B, #01100F)
- Tempered Bloom color palette (#CFE8E0, #5AA15A, #005C3D, #461F00, #000200)
- Bronze Study color palette (#EDDBE1, #A5BAB8, #81A2A7, #9E6200, #230A14)
- Airy Moss Veranda color palette (#EDE4D4, #98A02A, #3A7449, #212E51, #0D0120)
- Fern Veranda color palette (#ECE9D2, #594E00, #364048, #0C1619, #040700)
Browse the whole catalog at Explore, or see today's palette.