Cocoa Lagoon color palette — #FAEFEC · #ADBA86 · #794345 · #41181B · #150906

Coffee takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FAEFEC): a clean, paper-quiet neutral.
• Sage (#ADBA86): A luminous, dusty green — the color of a quiet forest floor.
• Coffee (#794345): A full-bodied, dusty red — the color of embers at dusk.
• Espresso (#41181B): A deep, shadowed, dusty red — the color of embers at dusk.
• Ink (#150906): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, 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

• Washed Chestnut Ridge color palette (#F8F0E9, #D2C29C, #7B593D, #35302B, #1A120A)
• Ancient Veranda color palette (#FDF0DC, #CDA03E, #604800, #2A1E00, #0D0600)
• Weathered Rust Bloom color palette (#FCF1FB, #BECD88, #AA5258, #523851, #271E27)
• Moss Chapel color palette (#F4DFD0, #A19900, #662900, #290C00, #060200)
• Airy Brick color palette (#F8F0ED, #E29F9D, #048968, #AA363D, #091102)
• Chestnut Corridor color palette (#E9DCCC, #6B5500, #283333, #1E1100, #020100)
• Muted Aubergine color palette (#FEEFE3, #D08674, #6E702A, #503182, #311E08)
• Tempered Basin color palette (#FFE9E1, #D9A382, #917416, #3A5000, #002A1A)

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