Cocoa Lagoon color palette — #FFF1F4 · #FABFDD · #EDA2B2 · #C1857D · #734304

Bronze takes the lead with Ballet Pink close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Carnation (#FABFDD): A whisper-light, dusty rose — the color of a warm blush.
• Ballet Pink (#EDA2B2): A luminous, balanced red — the color of a theater curtain.
• Dusty Rose (#C1857D): A luminous, dusty orange — the color of sun-warmed clay.
• Bronze (#734304): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Softness, Clarity. Tagged light, muted, warm.

Use it as a design system

One click turns Cocoa Lagoon 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

• Dusty Mallow Hollow color palette (#FFF0FB, #D8CBFF, #CE9FD7, #B583A4, #66443B)
• Blush Study color palette (#FFF2EF, #FFC2CD, #85D7DB, #DB8F9E, #3B543F)
• Blush Meadow color palette (#F0E6FF, #EBACC3, #D28A97, #A56969, #614459)
• Timeworn Archive color palette (#FFF2EC, #F4D5BE, #E5A6A0, #B0756F, #60240C)
• Tempered Apricot Lagoon color palette (#FFF2EF, #FFC9C2, #ECAB85, #AA8E57, #524F48)
• Airy Coral color palette (#FAE9F4, #FF9DB7, #FF615A, #B95600, #583F00)
• Aqua Coast color palette (#FFF2EE, #F4B3B8, #75CED9, #72ABCE, #533C36)
• Worn Ember color palette (#FFE0E4, #ED6048, #A86500, #745500, #202100)

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