Cocoa Terrace color palette — #FFF2EF · #E1D9CF · #9FB8B0 · #C8979C · #682C0F

A conversation between Rust and Rosewood Mist, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Bone (#E1D9CF): a clean, paper-quiet neutral.
• Ash (#9FB8B0): A luminous, dusty teal — the color of glacier melt.
• Rosewood Mist (#C8979C): A luminous, dusty red — the color of embers at dusk.
• Rust (#682C0F): A deep, shadowed, balanced orange — the color of sun-warmed clay.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, muted.

Use it as a design system

One click turns 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 Ash Pier color palette (#FFF1F3, #E3D6D2, #B2A7D4, #A4B1AD, #564240)
• Coral Archive color palette (#FFF3E7, #BEE9D0, #C4C9D4, #D37C78, #4C350D)
• Bronze Market color palette (#FFF3E5, #EBDCAC, #B79872, #945B31, #33322B)
• Dusty Atelier color palette (#FDF0FF, #F5D0D7, #DBB890, #9B5F7C, #554053)
• Softworn Coast color palette (#FFF1F0, #E1DCCF, #DDE571, #BB6894, #4C1B06)
• Weathered Apricot color palette (#FFF2EA, #FF9155, #6CA3D7, #4D769E, #312014)
• Straw Study color palette (#FFF3E4, #FEF995, #AEE6B2, #B4715D, #362400)
• Gentle Taupe Harbor color palette (#FFECE7, #FFB289, #AC9E3C, #7B345F, #0A0000)

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