Cocoa Lagoon color palette — #D2F7EC · #4C6D00 · #893400 · #5C2000 · #030600

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

The five colors

• Honeydew (#D2F7EC): A whisper-light, dusty teal — the color of shallow lagoons.
• Olive (#4C6D00): A full-bodied, balanced green — the color of a quiet forest floor.
• Rust (#893400): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#5C2000): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#030600): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Cocoa Hollow color palette (#D4F0FF, #006C80, #863700, #592200, #000608)
• Aged Parlor color palette (#D4E4F4, #0072BE, #845500, #5C3A00, #000E1E)
• Softworn Mulberry Meadow color palette (#CFEED5, #238648, #75005F, #5E0021, #000701)
• Weathered Mulberry color palette (#C0E8E9, #006E72, #99004A, #66002F, #000606)
• Washed Byzantium color palette (#CCEDF0, #009175, #AE22B6, #A10212, #000604)
• Gentle Nightshade color palette (#F3E0D4, #008479, #003DAF, #461F00, #000E12)
• Inked Summit color palette (#C9E4EC, #006A6A, #3400A3, #3D1D00, #000202)
• Wandering Aubergine color palette (#DAEDEB, #128342, #5E007F, #2B2800, #090800)

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