Washed Cocoa color palette — #F7EAF1 · #C3D6C6 · #7FB3A3 · #7E3400 · #080004

Rust and Sage set the tone — five colors that lean into optimism and sophistication.

The five colors

• Blush (#F7EAF1): a clean, paper-quiet neutral.
• Oat (#C3D6C6): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#7FB3A3): A luminous, dusty teal — the color of glacier melt.
• Rust (#7E3400): A full-bodied, balanced orange — the color of autumn markets.
• Ink (#080004): A deep, shadowed, dusty pink — the color of a candy shop window.

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

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

• Muted Hollow color palette (#E8F1EB, #B8D8D0, #7EB0B4, #5D4C00, #000401)
• Mulberry Atelier color palette (#F4EBF4, #E1C8D4, #B5A578, #900B32, #050106)
• Dusty Delta color palette (#F8E8EE, #B198A0, #6D826F, #532A00, #0B0105)
• Bronze Harbor color palette (#EADFD6, #B6B494, #979E78, #AB5806, #1F1003)
• Powdered Moss color palette (#CDE9D8, #66A04E, #005B48, #470B49, #000200)
• Patina Field color palette (#F6E5E5, #BF8646, #376E35, #372049, #10001C)
• Bronze Chapel color palette (#F0F7F3, #CEE2E7, #ACC9DD, #857800, #15221B)
• Faded Scarlet Field color palette (#FFEDD4, #DA1D00, #484500, #130059, #030100)

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