Tempered Cocoa Study color palette — #F4F9D6 · #C5DBBF · #9EC4B3 · #AA9184 · #773D17

Bronze takes the lead with Stone close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Custard (#F4F9D6): A whisper-light, dusty green — the color of new leaves after rain.
• Celadon Mist (#C5DBBF): A whisper-light, dusty green — the color of new leaves after rain.
• Stone (#9EC4B3): A luminous, dusty teal — the color of shallow lagoons.
• Taupe (#AA9184): A luminous, dusty orange — the color of sun-warmed clay.
• Bronze (#773D17): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged vintage, retro, muted, light.

Use it as a design system

One click turns Tempered Cocoa Study 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

• Hushed Veranda color palette (#EAFBE5, #B9E4CE, #ABACDA, #A0917A, #654900)
• Dusty Cocoa color palette (#E3FFD8, #B6E6D9, #97BEA5, #8F7786, #5C4700)
• Washed Garden color palette (#CCECD7, #ABCEF8, #B9A0C8, #8C7F36, #544900)
• Aged Cobalt Dune color palette (#DDF3E0, #54A7A5, #267BB4, #753F29, #351700)
• Aged Bronze color palette (#E3EFE4, #74C9C8, #64A6DB, #B96725, #473600)
• Ash Balcony color palette (#E2F8FF, #9FC8DC, #7DA1BC, #747998, #524E69)
• Timeworn Cerulean Courtyard color palette (#CFF4F5, #98BFCB, #638599, #62596D, #3D2A3B)
• Worn Aqua color palette (#FBF3F0, #C2ECE5, #60CBFA, #55AB90, #543F57)

Browse the whole catalog at Explore, or see today's palette.