Weathered Cocoa Lagoon color palette — #F6D9CF · #BDA081 · #69845F · #6C4152 · #422220

Cocoa and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#F6D9CF): A whisper-light, dusty orange — the color of sun-warmed clay.
• Camel (#BDA081): A luminous, dusty gold — the color of old brass.
• Fern (#69845F): A full-bodied, dusty green — the color of new leaves after rain.
• Cocoa (#6C4152): A full-bodied, dusty rose — the color of pressed rose petals.
• Espresso (#422220): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, warm.

Use it as a design system

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

• Cypress Loft color palette (#F3EADB, #A4AE7D, #47805D, #4C567C, #583443)
• Antique Bronze color palette (#FFDED8, #CB9F97, #9F7136, #42477B, #481B2D)
• Dusty Cocoa color palette (#EEDFBC, #A1B57D, #2B9294, #843C05, #372F00)
• Gentle Station color palette (#F8EDDD, #77A670, #00737A, #752C3B, #430C1A)
• Softworn Corridor color palette (#F5D9F0, #96BFA5, #6A9D77, #695E7F, #463C59)
• Washed Basalt color palette (#EDE2C6, #929370, #33707C, #553500, #201C00)
• Patina Cocoa color palette (#F8F2DD, #C5C0AF, #96977F, #8A625B, #643B00)
• Washed Basalt color palette (#DDFFE7, #B6D5C9, #7DA78D, #58698D, #3E2C50)

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