Tempered Cocoa Atelier color palette — #FAF6DE · #D0E3D6 · #A7D1B7 · #9A837A · #793D1E

Bronze takes the lead with Pistachio close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FAF6DE): A whisper-light, dusty green — the color of new leaves after rain.
• Silver (#D0E3D6): A whisper-light, dusty teal — the color of shallow lagoons.
• Pistachio (#A7D1B7): A whisper-light, dusty teal — the color of sea glass.
• Driftwood (#9A837A): A luminous, dusty orange — the color of autumn markets.
• Bronze (#793D1E): A full-bodied, balanced orange — the color of sun-warmed clay.

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

Use it as a design system

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

• Softworn Bronze Veranda color palette (#E7FCE6, #B1E6E6, #C5A1B8, #9D7937, #634400)
• Antique Cerulean Workshop color palette (#EDF4D0, #90CAC6, #5F99BE, #7E543E, #342000)
• Muted Terrace color palette (#DAFEF8, #ACCCCF, #829FAB, #6E6B7C, #5B4751)
• Softworn Turquoise Basin color palette (#F7F8D2, #B7F2E0, #5BAFCE, #965A4C, #49443E)
• Worn Blush Orchard color palette (#ECFAE9, #72E2D8, #FA99B5, #CD9372, #313C2F)
• Aqua Thicket color palette (#F2FAD7, #AFF4F4, #3DD1C4, #3C939D, #365747)
• Ancient Harbor color palette (#C9EFE6, #67B5CF, #5E6CA0, #533A13, #1D1000)
• Tempered Ridge color palette (#EDF9ED, #A0F7F8, #FFB4C0, #3FACAE, #5C3D36)

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