Tempered Cocoa color palette — #FFF3E9 · #DAE2CE · #ABCCBD · #9C8070 · #753E0F
Bronze and Pistachio set the tone — five colors that lean into optimism and sophistication.
The five colors
- Ivory (#FFF3E9): bright and airy, almost weightless.
- Celadon Mist (#DAE2CE): A whisper-light, dusty green — the color of a quiet forest floor.
- Pistachio (#ABCCBD): A luminous, dusty teal — the color of glacier melt.
- Mocha (#9C8070): A luminous, dusty gold — the color of old brass.
- Bronze (#753E0F): 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
- Antique Fern color palette (#FDF6D5, #C1E5D5, #94BCAC, #8D804F, #584A00)
- Timeworn Vanilla color palette (#F4F5D1, #B9C5AD, #8D9E8F, #796369, #483837)
- Timeworn Powder color palette (#E3FBF7, #C6DEE9, #9DCCDA, #9795AB, #564D5F)
- Wandering Cocoa Basin color palette (#E2E9C3, #A1A880, #1E7D74, #722F00, #151400)
- Dusty Bronze Lagoon color palette (#FFF4DD, #CCF1BA, #49B1C2, #9C5721, #633817)
- Denim Workshop color palette (#DDF0E0, #89956D, #00657B, #422D00, #000F03)
- Blush Canyon color palette (#EBFAEC, #95DADC, #F0A0B9, #D785A0, #2C3E2D)
- Weathered Fern Station color palette (#E2FFDA, #7EDED9, #728CC1, #506100, #0F3D00)
Browse the whole catalog at Explore, or see today's palette.