Cocoa Terrace color palette — #EAF9F5 · #B3DAFE · #EABC97 · #79AEDE · #704000

Built around Bronze, softened by Cornflower — the whole palette hums with trust and stability.

The five colors

• Ivory (#EAF9F5): a clean, paper-quiet neutral.
• Powder Blue (#B3DAFE): A whisper-light, dusty blue — the color of deep harbor water.
• Sand (#EABC97): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Cornflower (#79AEDE): A luminous, balanced blue — the color of open sky before noon.
• Bronze (#704000): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Trust, Stability, Optimism, Sophistication, Softness, Clarity. Tagged light, 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

• Turquoise Meadow color palette (#E9FAF0, #9DE1F7, #F7B3AF, #68B5CD, #534B48)
• Aged Periwinkle Loft color palette (#FFF0FA, #C8D2FF, #D6C78A, #97A3E5, #504D46)
• Tempered Cerulean color palette (#EDF6FF, #9BCAF2, #D1A882, #5692C2, #62424F)
• Iris Workshop color palette (#FFF0FA, #B6C0FF, #FDB033, #757EF3, #513300)
• Antique Stone Market color palette (#E9FAF4, #E6D5CF, #98CFC2, #9DAF9E, #5D4F5B)
• Tempered Fern Studio color palette (#FAF5E8, #DCDBBF, #C4B48F, #A98C6E, #3F4F04)
• Iris Pier color palette (#FFE6F7, #AEB9FF, #A6BB60, #7E88DF, #303B01)
• Wisteria Orchard color palette (#FFF1F4, #E8B6FA, #B3C881, #C082D5, #3C4817)

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