Tempered Cocoa color palette — #F7EAEF · #C5D4C9 · #A1AC7B · #733E00 · #080003
Bronze takes the lead with Sage close behind in a set that reads as nature and growth at first glance.
The five colors
- Blush (#F7EAEF): a clean, paper-quiet neutral.
- Oat (#C5D4C9): A whisper-light, dusty teal — the color of sea glass.
- Sage (#A1AC7B): A luminous, dusty green — the color of a quiet forest floor.
- Bronze (#733E00): A full-bodied, balanced gold — the color of honey in a jar.
- Black (#080003): A deep, shadowed, dusty rose — the color of strawberry cream.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged scandi, 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
- Tempered Thicket color palette (#E6F2E9, #C1D5CE, #81B1AD, #5E4B00, #000401)
- Dusty Lagoon color palette (#F4EBF5, #DDC9D5, #C19F78, #882039, #050106)
- Antique Driftwood Coast color palette (#EFE5DC, #A79F8F, #828037, #542900, #090300)
- Muted Grove color palette (#CDE9DC, #659F5B, #005C43, #4E1120, #000200)
- Gentle Amber color palette (#FBDECD, #A88823, #1E6939, #451E50, #150019)
- Fern Corridor color palette (#EAF9F6, #C7DEEA, #95C4D1, #347015, #00100E)
- Hazy Bronze color palette (#F9E9D4, #B05E00, #414800, #1A0054, #020100)
- Quiet Pine Study color palette (#D5FADF, #FF9F83, #BD9600, #00893C, #010100)
Browse the whole catalog at Explore, or see today's palette.