Cocoa Lagoon color palette — #F4EAEF · #A9B8AA · #749686 · #6E2E00 · #13060D

Built around Rust, softened by Eucalyptus — the whole palette hums with optimism and sophistication.

The five colors

• Blush (#F4EAEF): bright and airy, almost weightless.
• Ash (#A9B8AA): A luminous, dusty green — the color of new leaves after rain.
• Eucalyptus (#749686): A luminous, dusty teal — the color of shallow lagoons.
• Rust (#6E2E00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#13060D): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Wandering Drift color palette (#E9E0DB, #C2B7A7, #928F79, #712D00, #2B1B10)
• Softworn Courtyard color palette (#EFE8F2, #BEADBA, #9F8590, #6D2840, #100713)
• Basalt Alley color palette (#E4EBE3, #8FA699, #60857B, #4D2F00, #010601)
• Tempered Fern Atelier color palette (#E0ECE8, #BCD0CF, #8BAAB0, #4A5D28, #0A1915)
• Worn Courtyard color palette (#FEF3EA, #DDDAC7, #CAB89F, #8D4C0D, #130A04)
• Bronze Summit color palette (#F8EFF2, #CAD6DA, #A8BFC1, #936B4B, #32292D)
• Tempered Archive color palette (#F7E4DB, #8F772C, #38572F, #352549, #1B0530)
• Softworn Delta color palette (#E2F5E9, #60871B, #00522A, #47142A, #000A07)

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