Tempered Cocoa Terrace color palette — #FEF3ED · #D8C294 · #996156 · #653129 · #2E1D14

A conversation between Cocoa and Walnut, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FEF3ED): bright and airy, almost weightless.
• Sand (#D8C294): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Walnut (#996156): A full-bodied, dusty orange — the color of sun-warmed clay.
• Cocoa (#653129): A deep, shadowed, dusty orange — the color of toasted spice.
• Onyx (#2E1D14): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Washed Mustard Courtyard color palette (#FCF4E7, #DDB55C, #846300, #4B3700, #251802)
• Timeworn Bloom color palette (#FFF0FB, #FFE2A5, #9F655A, #472F42, #160B14)
• Wandering Hollow color palette (#FDF3EF, #A7B776, #85313A, #452419, #231A11)
• Hazy Atelier color palette (#FCF3EE, #F6B294, #94943F, #C65E28, #2A240C)
• Straw Ridge color palette (#FBF1FD, #D4DE86, #BF8189, #6F5B71, #271E28)
• Washed Bronze color palette (#F5E3D8, #A57C00, #612000, #210600, #040100)
• Petrol Loft color palette (#FFF4E2, #D1A977, #868C4A, #0469A1, #403D36)
• Tempered Amber Workshop color palette (#F9F4EF, #DADBD2, #BEC4B3, #BE803A, #663D00)

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