Cocoa Lagoon color palette — #E9F7E4 · #C0D1C4 · #7FA39A · #7E5F5A · #632C00

Rust takes the lead with Blue Fog close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Cream (#E9F7E4): A whisper-light, dusty green — the color of new leaves after rain.
• Oat (#C0D1C4): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#7FA39A): A luminous, dusty teal — the color of shallow lagoons.
• Pewter (#7E5F5A): A full-bodied, dusty orange — the color of sun-warmed clay.
• Rust (#632C00): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Optimism, Sophistication. Tagged vintage, 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

• Dusty Chestnut color palette (#E2F8ED, #CCBACB, #A38E98, #8F582A, #563A00)
• Timeworn Cocoa color palette (#CEF0DE, #83A0C7, #8C6A7E, #703B08, #322E28)
• Wandering Pewter Study color palette (#E8FAF2, #B9D2CC, #79919A, #82666F, #3F5A4E)
• Cypress Villa color palette (#F5F1EA, #C7E3E2, #7BA798, #2C787B, #403041)
• Worn Cerulean Loft color palette (#DCF1F5, #6092B3, #596188, #5F372C, #2E1700)
• Washed Hollow color palette (#F1F3E8, #BBC9AD, #738B6D, #5F6820, #243800)
• Tempered Petrol color palette (#E5F7EE, #81BDD8, #C19074, #2E7B9A, #36302B)
• Patina Quarry color palette (#E1F8EE, #63A5CB, #B57890, #777E3E, #132D24)

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