Cocoa Lagoon color palette — #F9F5EC · #DEE1CB · #948551 · #5A4200 · #1E1B14

Deep Olive and Mocha set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F9F5EC): a clean, paper-quiet neutral.
• Bone (#DEE1CB): A whisper-light, dusty green — the color of new leaves after rain.
• Mocha (#948551): A luminous, dusty green — the color of fresh herbs.
• Deep Olive (#5A4200): A deep, shadowed, balanced gold — the color of old brass.
• Ink (#1E1B14): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, 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

• Patina Quarry color palette (#F2F7EE, #EBE0BA, #33876D, #284100, #0D1109)
• Wandering Sand color palette (#EFF8F1, #F3DCA6, #AC9D71, #5A7562, #242E27)
• Ancient Quarry color palette (#EBF1E1, #DE8C2F, #004928, #1D292C, #000B03)
• Taupe Quarry color palette (#F8F5EF, #C3E2CC, #56BFD2, #B19842, #142219)
• Bronze Coast color palette (#EFE9D8, #A07000, #1E1C00, #0A0C06, #010100)
• Antique Cypress color palette (#EBF4EE, #AECDB1, #466B55, #193927, #0E1611)
• Antique Stone Delta color palette (#FBF4E8, #D5C381, #7CB5E1, #9971A3, #34312B)
• Teal Bloom color palette (#FFF2E9, #D0E8A6, #4BB6A7, #8B647E, #3F4039)

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