Tempered Cocoa Terrace color palette — #FFF2EF · #E1D7CF · #D6C79A · #B48988 · #783920

Rust and Pistachio set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Bone (#E1D7CF): a clean, paper-quiet neutral.
• Pistachio (#D6C79A): A whisper-light, dusty green — the color of new leaves after rain.
• Dusty Rose (#B48988): A luminous, dusty orange — the color of sun-warmed clay.
• Rust (#783920): A full-bodied, balanced orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, 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

• Antique Studio color palette (#FFF1F4, #EED4D6, #E9BCA5, #918BB9, #5F4A4C)
• Tempered Mint color palette (#FFF3E2, #E5E3AF, #98CF91, #A37B5A, #523D00)
• Chestnut Drift color palette (#FFF3E6, #D8B981, #AE865D, #925A2D, #403D36)
• Weathered Blush Loft color palette (#FDF0FF, #E9D4D9, #B0AFA4, #DD91AE, #584159)
• Mustard Boulevard color palette (#FFF2F0, #FFCBAA, #EBB03A, #B1576C, #582917)
• Linen Market color palette (#F5DACD, #D79100, #928A1F, #7A2629, #1D0C00)
• Powdered Amber color palette (#F4DEDD, #F29B79, #BF8723, #803855, #380906)
• Bronze Thicket color palette (#ECE2CB, #B8C57D, #6EB37B, #935E00, #252200)

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