Tempered Cocoa Lagoon color palette — #EDE4DC · #AFA391 · #918568 · #673700 · #100701

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

The five colors

• Parchment (#EDE4DC): bright and airy, almost weightless.
• Taupe (#AFA391): A luminous, dusty gold — the color of afternoon light on wheat.
• Driftwood (#918568): A luminous, dusty gold — the color of old brass.
• Bronze (#673700): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Ink (#100701): A deep, shadowed, dusty gold — the color of old brass.

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

Use it as a design system

One click turns Tempered 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

• Olive Parlor color palette (#F5EDE7, #A0998C, #78732A, #461E00, #130600)
• Softworn Cocoa color palette (#F4E7EC, #B1BFB2, #799B88, #5A2F00, #040001)
• Wandering Chestnut color palette (#F2E5EB, #94ABA7, #6A969C, #9A4900, #12050B)
• Softworn Fern color palette (#EEEDDE, #B3B6A7, #8F9A82, #435D00, #171400)
• Dusty Forest Drift color palette (#F3EDD5, #5F8042, #005423, #491C09, #030800)
• Aged Ember color palette (#F2DCBD, #EB5B00, #9D6F00, #475E00, #040300)
• Patina Olive color palette (#ECDFCE, #7A752F, #365C2F, #17314D, #150B31)
• Hushed Grove color palette (#FCE8C9, #8C5500, #423F00, #002235, #060300)

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