Tempered Cocoa color palette — #F7F7DF · #C7D9C1 · #9CB7AF · #978275 · #774013

Bronze and Oat set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#F7F7DF): A whisper-light, dusty green — the color of fresh herbs.
• Oat (#C7D9C1): A whisper-light, dusty green — the color of new leaves after rain.
• Ash (#9CB7AF): A luminous, dusty teal — the color of sea glass.
• Driftwood (#978275): A luminous, dusty gold — the color of honey in a jar.
• Bronze (#774013): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication. 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

• Bronze Balcony color palette (#F3F8E5, #C0D6C6, #BBA1B4, #9F7A39, #6B4A00)
• Washed Driftwood Field color palette (#E1FDF2, #D2E3F0, #AEC0D5, #A08592, #5A4B52)
• Antique Chestnut Coast color palette (#E2F1D6, #93BFA8, #8C88B5, #816219, #594000)
• Lagoon Garden color palette (#FBF3EF, #C4E0EA, #8BBDB0, #579481, #63495B)
• Fern Market color palette (#C2E9DE, #73A1BF, #726B95, #594900, #272800)
• Sky Drift color palette (#E4FCF1, #72BBE2, #CE967A, #A6854F, #31483F)
• Worn Turquoise Ridge color palette (#ECFCD9, #89DBDA, #58AEC4, #4B7A9D, #664C64)
• Timeworn Terrace color palette (#E9FAF2, #8BCFEE, #E29E8A, #4797B9, #534B47)

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