Cocoa Terrace color palette — #DCF2E2 · #7FB1CF · #606C99 · #703D37 · #3C2918

Built around Cocoa, softened by Slate — the whole palette hums with trust and stability.

The five colors

• Honeydew (#DCF2E2): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#7FB1CF): A luminous, dusty blue — the color of open sky before noon.
• Slate (#606C99): A full-bodied, dusty violet — the color of twilight just after sunset.
• Cocoa (#703D37): A full-bodied, dusty orange — the color of autumn markets.
• Espresso (#3C2918): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Trust, Stability, Creativity, 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

• Antique Hollow color palette (#F3E1F3, #9A9AC4, #86678A, #6A4600, #2F2709)
• Ancient Bloom color palette (#E3E8D9, #91A88E, #56826B, #633D3F, #462217)
• Timeworn Workshop color palette (#BEF5E1, #6BB7CE, #74729E, #3B593D, #1C423A)
• Muted Powder Station color palette (#AAEDF5, #8FC2E1, #7D8FAE, #7C6276, #543844)
• Worn Chestnut Quarry color palette (#F6F9D3, #BDDDC3, #899FDA, #7E6318, #3E3B34)
• Patina Mulberry color palette (#E8E4F2, #A381A0, #914B5C, #393F06, #002812)
• Nightshade Pier color palette (#DBEEF4, #457DAE, #524A9A, #531A00, #1C0E00)
• Cerulean Ridge color palette (#F6F1E9, #B3D1B0, #008C9A, #005E45, #012818)

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