Tempered Cocoa Garden color palette — #F9DFD6 · #832C00 · #004C42 · #003139 · #140300

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

The five colors

• Shell Pink (#F9DFD6): A whisper-light, dusty orange — the color of sun-warmed clay.
• Rust (#832C00): A full-bodied, balanced orange — the color of autumn markets.
• Forest (#004C42): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Forest (#003139): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#140300): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Optimism, Sophistication. Tagged muted.

Use it as a design system

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

• Lowlit Onyx color palette (#EEDCC5, #5C3D00, #003F39, #19005A, #080400)
• Weathered Lagoon color palette (#F1DFE2, #8F0040, #3B4600, #003526, #160005)
• Smoked Parlor color palette (#FFDBD9, #8D001C, #0B4C06, #00217B, #040000)
• Softworn Olive Dune color palette (#EDDECA, #6C6C15, #4B3300, #331000, #020F00)
• Bronze Dune color palette (#FDECDA, #9E6100, #00755F, #005E63, #361E00)
• Tempered Parlor color palette (#EEE6D6, #7D6A00, #00668F, #304577, #261F00)
• Timeworn Nightshade color palette (#D8E8CB, #406800, #005281, #0025A6, #091600)
• Soft Nightshade color palette (#FFE3E2, #C0002A, #156E0D, #0036BA, #170001)

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