Tempered Cocoa Terrace color palette — #F9F2FE · #C4AB79 · #703F56 · #362740 · #24141E

Cocoa and Camel set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#F9F2FE): a clean, paper-quiet neutral.
• Camel (#C4AB79): A luminous, dusty gold — the color of old brass.
• Cocoa (#703F56): A full-bodied, dusty rose — the color of a warm blush.
• Onyx (#362740): A deep, shadowed, dusty violet — the color of a velvet chair.
• Ink (#24141E): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Softworn Mulberry color palette (#F3F0FA, #87BFBD, #744067, #3E1635, #0F0917)
• Softworn Pewter Alley color palette (#FEF2F3, #A6D0B3, #935C86, #5A3251, #2E1C1E)
• Marigold Dune color palette (#FFF0F8, #C59B39, #772F00, #431700, #291220)
• Wandering Blush Coast color palette (#FFF1F0, #EDD299, #C37B9C, #7E5567, #2C1D1C)
• Softworn Mulberry Terrace color palette (#F8F3F9, #E295A6, #8C6826, #973B56, #172919)
• Dusty Bronze color palette (#E5FCE9, #C88374, #896128, #00595F, #4D3542)
• Aged Summit color palette (#EBD8E0, #AB862E, #542900, #260F00, #120304)
• Pewter Atelier color palette (#F9F3F8, #E2D7D7, #CBBBB8, #956661, #4C454B)

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