Cocoa Alley color palette — #FBF4EC · #C6E0CC · #9FB885 · #977D8A · #574400
Built around Deep Olive, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Ivory (#FBF4EC): a clean, paper-quiet neutral.
- Celadon Mist (#C6E0CC): A whisper-light, dusty teal — the color of sea glass.
- Sage (#9FB885): A luminous, dusty green — the color of a quiet forest floor.
- Heather (#977D8A): A luminous, dusty rose — the color of pressed rose petals.
- Deep Olive (#574400): A deep, shadowed, balanced green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, 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 Bone Station color palette (#EDF8F1, #BDEAD4, #95C1B0, #A693A7, #42514A)
- Teal Lantern color palette (#F6F6E8, #C2F3D8, #45B2A8, #8F6C6C, #2F3F00)
- Lagoon Study color palette (#EDF9EF, #A6CBB9, #5D8C7F, #616577, #3E5348)
- Softworn Villa color palette (#FAF3F0, #BFE2E6, #95CDFD, #709E81, #38544A)
- Glacier Market color palette (#FFF2EE, #F3D4C5, #59E3E6, #D07F83, #384C39)
- Timeworn Cocoa color palette (#FFF2EE, #E0DBCE, #B6BFCB, #D5A5A4, #7B411C)
- Blush Garden color palette (#FFF1F3, #F1D3D0, #FC96AA, #AA675B, #4D4641)
- Ancient Hollow color palette (#F8F5EA, #B6DDA9, #00A374, #80555E, #292A0D)
Browse the whole catalog at Explore, or see today's palette.