Cocoa Terrace color palette — #D3FFFE · #FFE8E4 · #D2CFDB · #672C0B · #2C2522

A conversation between Rust and Honeydew, giving this palette its sense of optimism and sophistication.

The five colors

• Honeydew (#D3FFFE): A whisper-light, dusty teal — the color of sea glass.
• Rose Water (#FFE8E4): A whisper-light, dusty orange — the color of autumn markets.
• Silver (#D2CFDB): bright and airy, almost weightless.
• Rust (#672C0B): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Onyx (#2C2522): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged neon, dark, vibrant, 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

• Antique Straw Villa color palette (#E0F1FF, #FFD786, #E4CECA, #3F3B35, #18130B)
• Washed Turquoise color palette (#FFF2EF, #F8A9BE, #4FBFDB, #8F76A1, #3E2D2A)
• Weathered Summit color palette (#D8E5FF, #B1E28C, #FFA386, #5B4749, #3D343A)
• Aged Chartreuse Lantern color palette (#FFD8E7, #C0F156, #FFC79A, #7A656D, #3F3439)
• Lagoon Pier color palette (#FDF3E9, #DAAB75, #009F98, #6E5D96, #2E241B)
• Muted Mint Drift color palette (#FAF4EF, #E2DBD0, #99BB75, #CA8864, #1F1F15)
• Marigold Thicket color palette (#D9E2F8, #84CCFF, #FA9725, #2F1700, #040100)
• Muted Taupe color palette (#F9F4EF, #D9DBD4, #A9B6BD, #ADAB87, #514D47)

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