Worn Cocoa Lagoon color palette — #FFF2EE · #E4D7CD · #B2CDDC · #D2A59E · #7D3E26

Built around Bronze, softened by Rosewood Mist — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Bone (#E4D7CD): bright and airy, almost weightless.
• Powder Blue (#B2CDDC): A whisper-light, dusty blue — the color of deep harbor water.
• Rosewood Mist (#D2A59E): A luminous, dusty orange — the color of autumn markets.
• Bronze (#7D3E26): A full-bodied, balanced orange — the color of toasted spice.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, muted.

Use it as a design system

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

• Stone Canyon color palette (#FFF1F1, #E5D6CD, #CDA6CA, #ADB7A8, #634A4A)
• Cocoa Garden color palette (#FFF2EF, #E3D7CC, #C8CC97, #A687A8, #76371F)
• Aged Straw Coast color palette (#FFF3E6, #DDE0C2, #EADB81, #DDA278, #45403A)
• Hushed Taupe color palette (#FFF3E6, #E9CC9E, #CBA478, #9D826A, #403D36)
• Washed Chartreuse Alley color palette (#F7E4F0, #C7DF00, #FFB389, #5E5753, #2C231D)
• Marigold Courtyard color palette (#FBE5D2, #E79400, #B19645, #9E5736, #1D0D00)
• Timeworn Alley color palette (#FFF2EA, #FFCB87, #C4835F, #69615C, #2A1F17)
• Apricot Field color palette (#FFE7DC, #FFA381, #F48C25, #B25C67, #301100)

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