Tempered Cocoa color palette — #EADFE5 · #C0AFB5 · #AD906C · #833B00 · #1F0D17
A conversation between Bronze and Caramel, giving this palette its sense of optimism and sophistication.
The five colors
- Parchment (#EADFE5): a clean, paper-quiet neutral.
- Ash (#C0AFB5): A luminous, dusty rose — the color of a warm blush.
- Caramel (#AD906C): A luminous, dusty gold — the color of old brass.
- Bronze (#833B00): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Ink (#1F0D17): A deep, shadowed, dusty rose — the color of a warm blush.
Feels like: Optimism, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Tempered Cocoa 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
- Chestnut Boulevard color palette (#E4ECE5, #A7BAAD, #9C9866, #6B4D00, #08180B)
- Weathered Mulberry color palette (#E3DCE3, #BFAEBB, #A98B9E, #9C002C, #1A101A)
- Worn Boulevard color palette (#EFE7E1, #B5B19D, #989A7D, #B54E08, #220E01)
- Aged Garnet Archive color palette (#EDE1E8, #9FAE9E, #6A8776, #611F00, #1C0F17)
- Wandering Cocoa color palette (#F8E9F3, #C6D5C6, #88B1A0, #882700, #060104)
- Bronze Terrace color palette (#D4E5D8, #9D6300, #5B4800, #003522, #120900)
- Patina Grove color palette (#E3ECE9, #AFCBC6, #7CB0AC, #4B6D00, #12231F)
- Moss Bloom color palette (#CAEAD9, #828C02, #455C00, #522E00, #0F1100)
Browse the whole catalog at Explore, or see today's palette.