Tempered Cocoa Villa color palette — #FFF2EB · #C0A17F · #946556 · #72404D · #403D36

Coffee and Walnut set the tone — five colors that lean into warmth and comfort.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Camel (#C0A17F): A luminous, dusty gold — the color of old brass.
• Walnut (#946556): A full-bodied, dusty orange — the color of sun-warmed clay.
• Coffee (#72404D): A full-bodied, dusty red — the color of a theater curtain.
• Charcoal (#403D36): a grounded near-black with real depth.

Feels like: Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

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

• Cocoa Meadow color palette (#FFF3E4, #B3A683, #8A6D42, #794117, #424000)
• Garnet Parlor color palette (#FEE2CF, #B09168, #87553E, #6A2E38, #33302A)
• Tempered Summit color palette (#FCEDF6, #C1A1AF, #9C6552, #763534, #162815)
• Washed Chestnut Ridge color palette (#FFF2EB, #D9B699, #B38270, #945451, #563500)
• Taupe Garden color palette (#FFF0FA, #EFC2D2, #DB9A86, #977D9F, #2B4435)
• Ancient Atelier color palette (#FAE0CB, #8C7239, #6A3500, #52000B, #161800)
• Aged Plum color palette (#EEF8F1, #6FBCCC, #A14E7C, #006C7C, #311E1E)
• Ancient Fern Terrace color palette (#EAE1C9, #779164, #5F5700, #4E2F00, #002C1B)

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