Cocoa Lagoon color palette — #FCD4CE · #783400 · #3F1F00 · #160E00 · #010100

Built around Rust, softened by Espresso — the whole palette hums with optimism and warmth.

The five colors

• Shell Pink (#FCD4CE): A whisper-light, dusty orange — the color of sun-warmed clay.
• Rust (#783400): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#3F1F00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#160E00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#010100): a grounded near-black with real depth.

Feels like: Optimism, Warmth, Comfort, Sophistication, Depth, Luxury. Tagged dark, muted, warm.

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

• Eclipse Bloom color palette (#F0DEC1, #645000, #2A2C00, #071600, #000200)
• Cellar Study color palette (#D3E5D3, #674400, #003F64, #2B1A00, #000103)
• Moonless Mulberry color palette (#F7DBE4, #970032, #4F0D00, #1C0900, #020100)
• Tempered Pine color palette (#ECDCC9, #93915A, #397748, #4F1900, #020100)
• Charred Navy Orchard color palette (#FEEBD1, #513500, #00325D, #000E6B, #020100)
• Denim Balcony color palette (#E7D9F7, #006499, #5F5200, #09100C, #000201)
• Aged Amber Meadow color palette (#FBEBE4, #C17400, #705200, #3D3B00, #131E00)
• Misty Moss color palette (#F0F0DB, #869D00, #0F7114, #004025, #00221C)

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