Cocoa Terrace color palette — #FFF0FC · #CDD0FF · #D6ACBC · #B18E87 · #7A3C24

Bronze and Lilac Frost set the tone — five colors that lean into optimism and warmth.

The five colors

• Blush (#FFF0FC): A whisper-light, dusty pink — the color of neon signs at night.
• Lilac Frost (#CDD0FF): A whisper-light, dusty violet — the color of a velvet chair.
• Rosewood Mist (#D6ACBC): A luminous, dusty rose — the color of pressed rose petals.
• Dusty Rose (#B18E87): A luminous, dusty orange — the color of sun-warmed clay.
• Bronze (#7A3C24): A full-bodied, balanced orange — the color of sun-warmed clay.

Feels like: Optimism, Warmth, Comfort, Sophistication, Softness, Clarity. Tagged vintage, retro, muted, light.

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

• Bronze Market color palette (#DCFFEB, #DFBBDA, #BA929C, #867128, #645100)
• Dusty Mallow Loft color palette (#FBDFFF, #F5B0E0, #DD92AF, #A9886A, #4F4A44)
• Glacier Field color palette (#DDFFE6, #A6DFFA, #A1C0B7, #A18A91, #60484B)
• Wisteria Meadow color palette (#E3E2F0, #CAA9F0, #C588CE, #AB6861, #603219)
• Softworn Blush Garden color palette (#FFE0F0, #D88CA1, #A47270, #715C2B, #19254D)
• Gentle Field color palette (#FFF0F8, #CBC3FF, #FFA191, #9F91E2, #61342D)
• Powder Basin color palette (#EDF6FF, #DAD8E5, #B1B3D9, #91727D, #3B4F43)
• Tempered Bloom color palette (#FFF1F6, #C9ADFF, #EC98AB, #63AFD7, #46313A)

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