Cocoa Terrace color palette — #C3E8E6 · #7BADBE · #577290 · #6C472C · #022D1C

Coffee and Blue Fog set the tone — five colors that lean into optimism and calm.

The five colors

• Silver (#C3E8E6): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#7BADBE): A luminous, dusty blue — the color of deep harbor water.
• Slate (#577290): A full-bodied, dusty blue — the color of open sky before noon.
• Coffee (#6C472C): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Deep Forest (#022D1C): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Optimism, Calm, Sophistication. Tagged vintage, retro, muted, cool.

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

• Ash Boulevard color palette (#D0ECF7, #87A9CC, #71789E, #335642, #09311E)
• Basalt Courtyard color palette (#C9F0E8, #86B4BC, #5A7F96, #624056, #331E2B)
• Periwinkle Villa color palette (#DBFFED, #B3E7D6, #7F9ACE, #7F5D81, #523636)
• Aged Driftwood color palette (#E5F4FF, #BDCCE3, #8D89A7, #557067, #2D443E)
• Hushed Navy Garden color palette (#BFEAE0, #468CA1, #38468C, #442E00, #1B1200)
• Washed Grove color palette (#CFE2F7, #8E82B7, #934E6D, #194D31, #002023)
• Hushed Studio color palette (#CEE7FD, #2997D9, #8D4700, #6E5900, #001527)
• Dusty Cobalt color palette (#F8EFF2, #AACCE9, #577BBD, #005A61, #161E3C)

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