Cocoa Lagoon color palette — #F3EDE4 · #D4D0C0 · #A9A888 · #604A00 · #040200

Bronze and Sage set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#F3EDE4): bright and airy, almost weightless.
• Oat (#D4D0C0): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#A9A888): A luminous, dusty green — the color of a quiet forest floor.
• Bronze (#604A00): A full-bodied, balanced gold — the color of honey in a jar.
• Ink (#040200): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Basalt Villa color palette (#E4E2D7, #BABDAA, #8C967D, #344200, #010100)
• Timeworn Workshop color palette (#E3EFE6, #96B0A4, #5D8A7F, #463500, #08180D)
• Timeworn Cypress Dune color palette (#F2F7EC, #CCDED7, #ABC2AF, #007152, #081000)
• Muted Thicket color palette (#E8E2DC, #ABB6A0, #69ACA3, #956800, #1B1205)
• Timeworn Lagoon color palette (#E1E4C9, #45A278, #005B4E, #3E2500, #000201)
• Cellar Fern color palette (#E5DFC2, #4C535A, #4A5300, #0D1815, #000800)
• Chalky Navy color palette (#F2E6C6, #7EA16C, #07765D, #332B6A, #15001D)
• Muted Onyx color palette (#FDE9CA, #8B7500, #234F00, #040060, #010100)

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