Tempered Cocoa Alley color palette — #E1F7F5 · #609567 · #A16254 · #784300 · #001F1D
Built around Bronze, softened by Fern — the whole palette hums with nature and growth.
The five colors
- Ivory (#E1F7F5): A whisper-light, dusty teal — the color of shallow lagoons.
- Fern (#609567): A luminous, balanced green — the color of new leaves after rain.
- Walnut (#A16254): A full-bodied, balanced orange — the color of autumn markets.
- Bronze (#784300): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Ink (#001F1D): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged muted.
Use it as a design system
One click turns Tempered 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
- Muted Summit color palette (#E6F5F6, #409279, #914C20, #513E00, #001612)
- Ancient Archive color palette (#E6F5F8, #60A397, #A3794E, #6C5F00, #0C272B)
- Garnet Summit color palette (#EBF2FF, #6D84C0, #A25A7D, #873137, #0D1A2E)
- Softworn Bronze color palette (#EBF7FF, #54C1E9, #D082A7, #996700, #0C2836)
- Worn Forest color palette (#DAECF8, #0081A6, #6A6904, #0B5309, #00121E)
- Aged Raspberry color palette (#F8EDFF, #C74281, #8D6100, #4E4C00, #2C0016)
- Misty Periwinkle Corridor color palette (#FDF0FF, #61A3E6, #B576AE, #9C5665, #3A2E3C)
- Hushed Terracotta color palette (#F5DCF1, #9D0310, #494600, #0A3100, #080000)
Browse the whole catalog at Explore, or see today's palette.