Cocoa Lagoon color palette — #FFF2EA · #DEDECB · #B9BBC5 · #DAA3A9 · #704400

Bronze takes the lead with Rosewood Mist close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Bone (#DEDECB): A whisper-light, dusty green — the color of fresh herbs.
• Ash (#B9BBC5): soft and architectural.
• Rosewood Mist (#DAA3A9): A luminous, dusty red — the color of embers at dusk.
• Bronze (#704400): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, muted.

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

• Patina Taupe color palette (#FFF2EB, #EBCAAA, #D29F8B, #A87C6F, #413C36)
• Aged Thicket color palette (#F9F6DF, #C2EACB, #A3D6F1, #BDA465, #393F00)
• Aged Glacier color palette (#F5E7EF, #6EE1FF, #FFB0A0, #675F5B, #332620)
• Jade Meadow color palette (#F5E8D0, #A7B577, #00AD82, #974E17, #111000)
• Worn Chestnut Terrace color palette (#FCF4E6, #EBD2A2, #A9925B, #7F5C14, #272117)
• Softworn Atelier color palette (#FCF5E3, #CEBA4F, #92ADE2, #728FC8, #35332C)
• Frosted Coral Thicket color palette (#FFF3E7, #FBE670, #7FE49B, #F08065, #493400)
• Weathered Turquoise Canyon color palette (#F7F6E8, #A3C480, #28A9CE, #9E6B93, #332912)

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