Cocoa Terrace color palette — #FCF1FC · #BAD7FF · #E5C08E · #85AADF · #6A4400

Bronze and Cornflower set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FCF1FC): bright and airy, almost weightless.
• Powder Blue (#BAD7FF): A whisper-light, dusty blue — the color of deep harbor water.
• Sand (#E5C08E): A whisper-light, dusty gold — the color of honey in a jar.
• Cornflower (#85AADF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Bronze (#6A4400): 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

• Tempered Lilac color palette (#FFF0F8, #D3CEFF, #C7CD8E, #A69EE2, #4F4D46)
• Cocoa Grove color palette (#EAFAEE, #9FE2ED, #F6B5A4, #63B7C4, #753B17)
• Timeworn Canyon color palette (#FDF1FA, #B2C2F8, #D7A67F, #7A89C2, #704000)
• Softworn Iris Field color palette (#FFF0FA, #B8BFFF, #E2BF22, #797CF3, #463A00)
• Softworn Delta color palette (#FFF0FD, #AEC7F9, #ECAAA5, #8CBE8A, #4C3D4A)
• Cocoa Chapel color palette (#FFF2EA, #EED4BD, #D2AD95, #AE8979, #633F00)
• Powder Chapel color palette (#FFF0FB, #D7E0FF, #A9B9EE, #7887B5, #482942)
• Cobalt Corridor color palette (#EAF3FD, #95B5E3, #BF9449, #4672B1, #203723)

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