Tempered Cocoa Alley color palette — #DFE5DF · #ACB6AE · #7B9585 · #5D3C00 · #030E03
Built around Bronze, softened by Eucalyptus — the whole palette hums with optimism and sophistication.
The five colors
- Parchment (#DFE5DF): a clean, paper-quiet neutral.
- Ash (#ACB6AE): a calm mid-gray that lets other colors speak.
- Eucalyptus (#7B9585): A luminous, dusty teal — the color of shallow lagoons.
- Bronze (#5D3C00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
- Ink (#030E03): 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 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
- Ancient Basalt Workshop color palette (#E2EAE5, #96A39D, #618578, #413500, #000602)
- Muted Cocoa color palette (#F1E9E1, #C2B8A3, #949069, #623A00, #2A1C0D)
- Antique Cabin color palette (#E8E1E5, #C0ADB6, #A2848F, #732800, #160410)
- Timeworn Dune color palette (#E9F5EF, #C4DAD1, #82B8AB, #625E00, #032015)
- Washed Amber color palette (#DAEDE0, #CF8E00, #A08300, #545E00, #080700)
- Aged Bronze Lantern color palette (#EEF3EF, #CFD9D8, #A9C3C2, #926F12, #262F28)
- Forest Studio color palette (#EBF0E0, #638755, #145C36, #00323E, #001321)
- Worn Chestnut color palette (#D0F3DE, #776300, #394000, #002422, #060500)
Browse the whole catalog at Explore, or see today's palette.