Tempered Cocoa color palette — #E9FBEB · #B7E5E5 · #D4B8CE · #AD9A93 · #744207
Built around Bronze, softened by Silver — the whole palette hums with optimism and sophistication.
The five colors
- Ivory (#E9FBEB): A whisper-light, dusty green — the color of a quiet forest floor.
- Silver (#B7E5E5): A whisper-light, dusty teal — the color of shallow lagoons.
- Rosewood Mist (#D4B8CE): A luminous, dusty pink — the color of a candy shop window.
- Taupe (#AD9A93): A luminous, dusty orange — the color of sun-warmed clay.
- Bronze (#744207): A full-bodied, balanced gold — the color of old brass.
Feels like: Optimism, Sophistication, Softness, Clarity. Tagged vintage, retro, 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
- Bone Atelier color palette (#F1F9DF, #BEE4D5, #ACCBB8, #AB9799, #644C46)
- Aged Bronze color palette (#C5EDE1, #BAC2FA, #C39FAA, #AA7B41, #5C4600)
- Worn Drift color palette (#FEF0FF, #F5CFE7, #D6BBC1, #AF9C87, #635000)
- Weathered Powder Summit color palette (#F9F4ED, #C3E4FB, #ACC7F8, #81AE96, #614A5A)
- Dusty Pewter Grove color palette (#EAF2FF, #C8CEDE, #898BA5, #725A7A, #4E394C)
- Dusty Sand Veranda color palette (#FCF1FE, #B5D9FF, #E7BF87, #82ACDA, #514C46)
- Hushed Courtyard color palette (#FFF0FE, #A5C9FF, #F2A6A8, #B0B288, #4B3D4B)
- Hushed Bronze Hollow color palette (#D5EBE2, #A7B9E7, #A38AC1, #A16C39, #37342D)
Browse the whole catalog at Explore, or see today's palette.