Tempered Cocoa Garden color palette — #F0DEE2 · #A56C6D · #70331C · #231E00 · #010100

Rust and Mocha set the tone — five colors that lean into sophistication.

The five colors

• Shell Pink (#F0DEE2): A whisper-light, dusty red — the color of a theater curtain.
• Mocha (#A56C6D): A full-bodied, dusty red — the color of embers at dusk.
• Rust (#70331C): A deep, shadowed, balanced orange — the color of autumn markets.
• Onyx (#231E00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Black (#010100): a grounded near-black with real depth.

Feels like: Sophistication. Tagged vintage, retro, 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

• Antique Chapel color palette (#FFE9E0, #A47951, #604400, #033004, #000301)
• Dusty Canyon color palette (#F5DCD6, #C96153, #781200, #191408, #120000)
• Plum Field color palette (#EDDDE5, #A04E6A, #602E2D, #322000, #091503)
• Charred Plum Coast color palette (#FEDBE6, #AE3260, #810030, #330007, #050000)
• Aged Delta color palette (#DCF4E5, #807E3F, #394100, #3A000E, #010100)
• Hushed Brick color palette (#F7E3F5, #B33C3C, #4E5C00, #57000A, #010100)
• Terracotta Canyon color palette (#E0DCFA, #A37595, #9A4E49, #005552, #001221)
• Washed Abyss Orchard color palette (#EFE5D9, #91B69C, #717044, #004D3C, #001B1A)

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