Cocoa Terrace color palette — #FFF3E6 · #BEFEE3 · #E1D9CC · #D2C48E · #5E3F00

Bronze and Honeydew set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFF3E6): A whisper-light, dusty gold — the color of honey in a jar.
• Honeydew (#BEFEE3): A whisper-light, dusty teal — the color of glacier melt.
• Bone (#E1D9CC): bright and airy, almost weightless.
• Pistachio (#D2C48E): A luminous, dusty green — the color of fresh herbs.
• Bronze (#5E3F00): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Nature, Growth, 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

• Fern Orchard color palette (#F8F5EB, #E6DFB6, #A8BE95, #A69787, #584E00)
• Quiet Lime color palette (#FFF4DD, #DFE1B0, #F5CD1D, #AAC100, #3F3800)
• Dusty Dune color palette (#F9F5E9, #DED98F, #FEADB9, #AFAB75, #63443D)
• Dusty Jade color palette (#FBF0E5, #E8CEC0, #FAC17F, #6AB464, #362814)
• Aged Mustard color palette (#FBF0E1, #E0AD50, #967631, #5A544B, #25211C)
• Faded Celadon color palette (#F5F8DE, #E0FC7E, #ADEE87, #8AD5B0, #40413A)
• Tempered Ash color palette (#F4F6EE, #C0E0EF, #A0D4C1, #75ACBB, #3E5952)
• Ancient Amber color palette (#F4E1C6, #E68400, #B28500, #7E7800, #070400)

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