Tempered Cocoa Terrace color palette — #FFF4DF · #C7C4A4 · #9AA384 · #8F7287 · #67414E
Built around Cocoa, softened by Driftwood — the whole palette hums with sophistication.
The five colors
- Cream (#FFF4DF): A whisper-light, dusty gold — the color of honey in a jar.
- Pistachio (#C7C4A4): A luminous, dusty green — the color of new leaves after rain.
- Taupe (#9AA384): A luminous, dusty green — the color of fresh herbs.
- Driftwood (#8F7287): A full-bodied, dusty pink — the color of a candy shop window.
- Cocoa (#67414E): A full-bodied, dusty rose — the color of pressed rose petals.
Feels like: Sophistication. Tagged vintage, retro, 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
- Cerulean Veranda color palette (#FFF2EA, #DEC6AA, #A89B76, #448296, #654A63)
- Wandering Pewter color palette (#C9FAD1, #AEC29F, #50A8B9, #8A538B, #703948)
- Aged Oat Orchard color palette (#FFF0F9, #B4DCC2, #97C2C2, #948CA9, #504863)
- Timeworn Driftwood color palette (#FFECE3, #CFB99B, #818D47, #815858, #763C16)
- Washed Atelier color palette (#EBEED1, #8FB792, #37937D, #6654AE, #582E5A)
- Hushed Bronze color palette (#F7F6E8, #C2C9A6, #57A083, #996431, #404800)
- Gentle Thicket color palette (#F4F8DE, #81B484, #7295EA, #C36860, #373932)
- Tempered Emerald color palette (#F5F7E6, #9FC495, #C98AD2, #429723, #56335B)
Browse the whole catalog at Explore, or see today's palette.