Washed Cocoa Study color palette — #F2F7EC · #99D7BE · #86ADD7 · #A2769A · #633500

Bronze and Dusty Rose set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F2F7EC): bright and airy, almost weightless.
• Pistachio (#99D7BE): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#86ADD7): A luminous, dusty blue — the color of deep harbor water.
• Dusty Rose (#A2769A): A luminous, dusty pink — the color of peonies in June.
• Bronze (#633500): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Trust, Stability, Optimism, Creativity, Sophistication. Tagged muted.

Use it as a design system

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

• Ancient Lilac color palette (#EFF8F0, #8CD6DA, #AD9FD9, #AE766D, #3B4821)
• Softworn Lagoon color palette (#F4F7EA, #8FC092, #A87AA6, #8D575E, #5C372E)
• Timeworn Cocoa color palette (#EFF9E7, #BFE3DA, #A7C5BA, #B29593, #7A3B23)
• Terracotta Hollow color palette (#EAF9F4, #C2D49B, #5FA6B8, #9F504B, #323E12)
• Mint Pier color palette (#EBF5E8, #63CCBB, #708073, #4E584B, #20231D)
• Dusty Fern color palette (#F5F6ED, #D9E3C4, #AABC9E, #9B9C84, #45550B)
• Ancient Aqua Boulevard color palette (#E6FEDD, #9AE5E4, #6EC6D8, #589DB5, #325C4C)
• Feathered Aqua color palette (#E5F7EA, #00C7E2, #A081D1, #A65448, #283000)

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