Washed Cocoa Alley color palette — #F0F9E4 · #B0CDAE · #80AB97 · #916B6C · #814128
Built around Bronze, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Cream (#F0F9E4): A whisper-light, dusty green — the color of fresh herbs.
- Pistachio (#B0CDAE): A luminous, dusty green — the color of a quiet forest floor.
- Sage (#80AB97): A luminous, dusty teal — the color of glacier melt.
- Mocha (#916B6C): A full-bodied, dusty red — the color of embers at dusk.
- Bronze (#814128): A full-bodied, balanced orange — the color of sun-warmed clay.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Washed 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
- Hushed Harbor color palette (#F9F2CB, #80C6BF, #978398, #8C4E2F, #634200)
- Timeworn Cocoa Dune color palette (#E7FCE9, #C2E2D2, #C2A7BE, #937B73, #734009)
- Tempered Corridor color palette (#D1F8EF, #B6D9DE, #A5BBCA, #AA8FA0, #634453)
- Sunlit Lagoon color palette (#F6F6E9, #A5D1AF, #3AA485, #78752C, #3D4800)
- Washed Cobalt Canyon color palette (#CBF5EF, #6AB9D1, #3E85D7, #9C3E55, #61270F)
- Iris Thicket color palette (#B4EFFF, #A2C3EA, #8F8FD0, #996353, #654000)
- Gentle Delta color palette (#D1F6E5, #90A8D6, #8878C2, #7B4622, #433102)
- Worn Violet color palette (#CDE2FB, #888CC6, #8D59A2, #6B4202, #282700)
Browse the whole catalog at Explore, or see today's palette.