Tempered Cocoa Thicket color palette — #FFF1F6 · #96AE98 · #8F6A47 · #73442E · #2C4335

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Sage (#96AE98): A luminous, dusty green — the color of a quiet forest floor.
• Walnut (#8F6A47): A full-bodied, dusty gold — the color of old brass.
• Coffee (#73442E): A full-bodied, dusty orange — the color of sun-warmed clay.
• Forest (#2C4335): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

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

• Muted Cocoa color palette (#DCEEDA, #80A087, #805B2C, #6B3200, #183828)
• Aged Loft color palette (#FFECF3, #BDAA78, #9D6736, #6B3E39, #0C2920)
• Patina Amber Delta color palette (#FFF3E7, #D0BB94, #B68355, #8B5A54, #3E3D36)
• Hushed Driftwood Delta color palette (#EBF9F0, #A2C0B3, #8B8155, #48664C, #364D47)
• Pale Archive color palette (#FFE7F3, #C39162, #9D5225, #8B1001, #483000)
• Cobalt Field color palette (#EEF6FF, #5283C1, #996144, #5D5400, #223449)
• Bronze Ridge color palette (#DEF2E0, #85762E, #5B4000, #3D2000, #171800)
• Inked Canyon color palette (#D2E6DC, #51602C, #2F2D00, #171000, #010500)

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