Cocoa Lagoon color palette — #FFF2ED · #E7D9D6 · #E7CA9B · #B7B3A9 · #6B300F

A conversation between Rust and Wheat, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Bone (#E7D9D6): bright and airy, almost weightless.
• Wheat (#E7CA9B): A whisper-light, dusty gold — the color of old brass.
• Ash (#B7B3A9): a calm mid-gray that lets other colors speak.
• Rust (#6B300F): A deep, shadowed, balanced orange — the color of toasted spice.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged candy, vibrant, 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

• Chestnut Veranda color palette (#FFF2EB, #E3D8C7, #D9A078, #986E46, #724700)
• Marigold Villa color palette (#FFF2EA, #E4DAD2, #C0C1A2, #ED9500, #442000)
• Softworn Fern color palette (#FFF2E9, #DEDBCB, #D0C0A7, #8B9174, #405B1B)
• Weathered Amber color palette (#FCF1FB, #E6D9D5, #FFBCB8, #CB8868, #563E50)
• Hushed Powder color palette (#F4F6EF, #C4DDEC, #9CC2DD, #729D89, #594659)
• Chestnut Harbor color palette (#FFF2EC, #DF9A8F, #7C441A, #352721, #150D0B)
• Oat Thicket color palette (#FAEDF8, #FACEDD, #F5B692, #B5945A, #37202E)
• Wandering Scarlet Studio color palette (#FAE9E2, #FF6482, #F52719, #783C00, #040000)

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