Washed Cocoa color palette — #FFF3E7 · #DCE5C8 · #9FDCCC · #C8958E · #624700

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

The five colors

• Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
• Celadon Mist (#DCE5C8): A whisper-light, dusty green — the color of new leaves after rain.
• Lagoon (#9FDCCC): A whisper-light, dusty teal — the color of glacier melt.
• Camel (#C8958E): A luminous, dusty orange — the color of sun-warmed clay.
• Bronze (#624700): A full-bodied, balanced gold — the color of old brass.

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

Use it as a design system

One click turns Washed Cocoa 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

• Weathered Cocoa Balcony color palette (#FFF2ED, #F2E9AB, #E0DACE, #C097B0, #7B411B)
• Dusty Fern Balcony color palette (#F7F7E0, #C6EDD4, #81E2F3, #A79C65, #445104)
• Bronze Terrace color palette (#FDF3EA, #DCC8A7, #BC926B, #A1633F, #574600)
• Softworn Archive color palette (#EDF9EE, #D8E0B1, #B8E0EE, #AB8591, #415046)
• Wandering Oat color palette (#ECFAEA, #C5E5E2, #E4B9B9, #B7B3BE, #415044)
• Soft Thicket color palette (#FFF3E2, #D8F59E, #31EBB9, #C47843, #43471B)
• Sunlit Grove color palette (#FCE8C9, #A0A056, #009B57, #803500, #141000)
• Wandering Apricot color palette (#FDF3EA, #D59E6D, #9195D0, #9D687C, #423C37)

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