Cocoa Terrace color palette — #FBF3F0 · #DBDACF · #BFC9AD · #CC8D81 · #612702

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

The five colors

• Ivory (#FBF3F0): bright and airy, almost weightless.
• Bone (#DBDACF): a clean, paper-quiet neutral.
• Pistachio (#BFC9AD): A whisper-light, dusty green — the color of a quiet forest floor.
• Camel (#CC8D81): A luminous, dusty orange — the color of toasted spice.
• Rust (#612702): A deep, shadowed, balanced orange — the color of toasted spice.

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

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

• Tempered Amber Garden color palette (#F9F4EF, #D6DCD0, #B0CDB8, #C2984A, #403930)
• Worn Taupe Delta color palette (#FFE1DC, #E0C2AA, #A0B473, #9E7583, #603C49)
• Tempered Stone color palette (#F8F5EF, #D7DCD5, #C8B28B, #A3B0BD, #56524A)
• Hushed Amber color palette (#F2E6D9, #D88500, #61663C, #573300, #140B07)
• Aged Bronze Bloom color palette (#ECE3DD, #C1C2AE, #9DAE90, #BD643B, #2B1B10)
• Tempered Thicket color palette (#FDF4E5, #C1D299, #5EB581, #9079A1, #37362F)
• Weathered Amber Delta color palette (#FAEDD8, #FF989C, #B39407, #4F72BA, #352F2B)
• Lime Canyon color palette (#FFF3E8, #FFD1DC, #FFC082, #8BCA64, #322F28)

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