Cocoa Alley color palette — #EBF8F7 · #73A681 · #666C9D · #813E1F · #164C45
Bronze and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#EBF8F7): a clean, paper-quiet neutral.
- Moss (#73A681): A luminous, dusty teal — the color of shallow lagoons.
- Slate (#666C9D): A full-bodied, dusty violet — the color of a velvet chair.
- Bronze (#813E1F): A full-bodied, balanced orange — the color of sun-warmed clay.
- Forest (#164C45): A deep, shadowed, dusty teal — the color of sea glass.
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
- Hushed Summit color palette (#ECF8F5, #89A26C, #4E739B, #7D3C44, #504116)
- Chestnut Terrace color palette (#EDF7FB, #5BA6AA, #8C5D8D, #665100, #004D49)
- Hushed Workshop color palette (#EFF8F1, #A6CABC, #5B8C85, #3C6F79, #3B534A)
- Wandering Archive color palette (#E8F5F0, #67A5C6, #696BA6, #623D5E, #1C2D14)
- Chalky Grape Coast color palette (#E3FAFC, #009373, #5D3AB9, #672C00, #003A2B)
- Sky Delta color palette (#EEF6FC, #67BDE5, #7D87C6, #7D5B81, #1A4A4F)
- Wandering Petrol Delta color palette (#FBF3F5, #DBDDED, #8997C3, #0C7C8E, #4A506F)
- Softworn Cerulean Hollow color palette (#E4F5FE, #308A9F, #2F3E4E, #172C35, #10171C)
Browse the whole catalog at Explore, or see today's palette.