Cocoa Terrace color palette — #D9E5D6 · #3F7E7A · #2F5C73 · #592200 · #1D1400

Espresso takes the lead with Teal close behind in a set that reads as trust and stability at first glance.

The five colors

• Parchment (#D9E5D6): A whisper-light, dusty green — the color of fresh herbs.
• Teal (#3F7E7A): A full-bodied, dusty teal — the color of sea glass.
• Peacock (#2F5C73): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Espresso (#592200): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#1D1400): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, 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

• Patina Pine color palette (#E3E5C6, #4A835F, #0B6265, #4D1C26, #230007)
• Cobalt Drift color palette (#C3ECEA, #317EA9, #4F5078, #3B2B00, #160E00)
• Patina Denim Quarry color palette (#D9F1E0, #4F9091, #00578A, #301400, #020100)
• Cocoa Quarry color palette (#D5E6EF, #006082, #803100, #563500, #000204)
• Chestnut Archive color palette (#D3E7DD, #007496, #864400, #003E52, #0E0300)
• Softworn Loft color palette (#DFE2CE, #008969, #005050, #0A3600, #000805)
• Timeworn Cerulean color palette (#C1EBF3, #6087BA, #6F5887, #394400, #002B07)
• Washed Orchard color palette (#CAECFF, #2F6D8A, #154274, #310C3C, #20021B)

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