Cocoa Terrace color palette — #FFF2EA · #E5D8D0 · #E7BB8E · #A9BAA0 · #713D08

Bronze and Sand set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Bone (#E5D8D0): a clean, paper-quiet neutral.
• Sand (#E7BB8E): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#A9BAA0): A luminous, dusty green — the color of fresh herbs.
• Bronze (#713D08): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged candy, vibrant, 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

• Wandering Delta color palette (#FFF3E5, #E4DAC9, #CCC4AA, #91A085, #475745)
• Softworn Sunflower color palette (#FDF1F8, #E7D6D6, #E1CF71, #A8B4AE, #543340)
• Tempered Mallow color palette (#FEF4E3, #EBD299, #F1B1D1, #BEA56C, #684140)
• Aged Loft color palette (#FEEFE3, #E4A781, #A07038, #7A4612, #26201D)
• Misty Balcony color palette (#FFF3E6, #EAD9BA, #FFC47C, #DAB300, #4D3400)
• Washed Basin color palette (#FAF5E2, #D9EFB4, #9FE3A2, #69CBA4, #3C3B34)
• Tempered Grove color palette (#FBEEF5, #E6D6CB, #FFB898, #C29052, #39232F)
• Tangerine Veranda color palette (#F2D9C6, #FF7341, #D87700, #966B00, #050200)

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