Cocoa Lagoon color palette — #FFF3E5 · #D0978F · #7D794A · #505486 · #6A3A00

Built around Bronze, softened by Peacock — the whole palette hums with nature and growth.

The five colors

• Cream (#FFF3E5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Camel (#D0978F): A luminous, dusty orange — the color of toasted spice.
• Walnut (#7D794A): A full-bodied, dusty green — the color of fresh herbs.
• Peacock (#505486): A full-bodied, balanced violet — the color of a velvet chair.
• Bronze (#6A3A00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged retro, 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

• Aged Denim color palette (#FAF5E5, #C198BC, #986B55, #265E85, #5A403D)
• Wandering Lantern color palette (#FFF2EC, #C1A275, #4F8560, #764476, #4A4840)
• Hushed Veranda color palette (#FFF4E3, #E3B38A, #9F9440, #3E7692, #624000)
• Bronze Dune color palette (#EAF5EC, #D1A076, #847A29, #165976, #213122)
• Hushed Pewter Balcony color palette (#FFF2F0, #D1BCB3, #978C75, #856771, #664A47)
• Worn Basin color palette (#FBF4EA, #AB9563, #347997, #005C7A, #523659)
• Aged Pier color palette (#FAF4EF, #CBE6E7, #819AC6, #2E7D75, #644957)
• Dusty Shell color palette (#E6FCEA, #FFBFA9, #ABB481, #798DAD, #574048)

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