Cocoa Terrace color palette — #F7EBF1 · #C1D1C4 · #8DA79F · #863C0E · #352A30

Bronze takes the lead with Taupe close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Blush (#F7EBF1): bright and airy, almost weightless.
• Oat (#C1D1C4): A whisper-light, dusty teal — the color of shallow lagoons.
• Taupe (#8DA79F): A luminous, dusty teal — the color of glacier melt.
• Bronze (#863C0E): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#352A30): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. 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

• Muted Summit color palette (#F0E7E0, #D6C9BA, #ADA293, #804300, #201307)
• Fern Boulevard color palette (#EDF8F2, #B6DCD5, #7CB1B8, #665B00, #26372E)
• Cocoa Canyon color palette (#EDE1E5, #A7C0B3, #729792, #613A00, #2B191F)
• Ancient Harbor color palette (#F6EBEF, #E4D2D7, #AABDAC, #A65C12, #362A2F)
• Driftwood Boulevard color palette (#EFF8F3, #D2DDE1, #AFAAB4, #658C7C, #4E5451)
• Timeworn Thicket color palette (#D8EADF, #719959, #00644C, #503053, #00312A)
• Taupe Archive color palette (#FFE0D7, #A3994F, #407573, #3F486A, #392D4B)
• Washed Spruce color palette (#DEECE7, #899F9F, #547782, #243000, #000C08)

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