Cocoa Lagoon color palette — #FAEDE3 · #733500 · #003411 · #001122 · #040002

Bronze takes the lead with Deep Forest close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FAEDE3): a clean, paper-quiet neutral.
• Bronze (#733500): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Forest (#003411): A deep, shadowed, balanced green — the color of fresh herbs.
• Ink (#001122): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#040002): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Garnet Drift color palette (#F5E2F0, #8B1300, #003038, #00132E, #040212)
• Onyx Alley color palette (#F0E6CE, #544A00, #003130, #0F003A, #040000)
• Chestnut Courtyard color palette (#EFE3D6, #7A5700, #3F3200, #1C1A00, #040600)
• Chalky Canyon color palette (#F3E4EB, #9E4B00, #245200, #002C37, #0D001D)
• Smoked Lantern color palette (#FCD9D8, #B2117E, #00491C, #200039, #020006)
• Patina Denim color palette (#E6DED2, #4D95A8, #00506E, #002C2B, #00050D)
• Antique Rose Balcony color palette (#F9E4D1, #FF3045, #AF5B00, #5E5100, #040100)
• Frosted Loft color palette (#F3EAD1, #736F00, #005154, #2F0069, #1E0001)

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