Washed Cocoa color palette — #FFF2F0 · #FFD3C6 · #C4C48F · #8C76A6 · #622608

Rust and Slate Blue set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2F0): a clean, paper-quiet neutral.
• Shell Pink (#FFD3C6): A whisper-light, dusty orange — the color of toasted spice.
• Pistachio (#C4C48F): A luminous, dusty green — the color of new leaves after rain.
• Slate Blue (#8C76A6): A luminous, dusty violet — the color of wild irises.
• Rust (#622608): A deep, shadowed, balanced orange — the color of toasted spice.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. 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

• Driftwood Alley color palette (#FFF2EB, #F7E7B0, #A0CEA3, #AE7084, #5A3400)
• Stone Veranda color palette (#FFF1F6, #FECFCE, #F2B584, #6685B7, #52373C)
• Muted Blush color palette (#FFF2EE, #E8D8C3, #E7C48D, #DA829D, #543226)
• Teal Pier color palette (#FFEDD6, #C6DC9B, #46C8B4, #9F654E, #312E28)
• Powdered Grove color palette (#FFD0D6, #FFAA82, #A5A34C, #855990, #351807)
• Stone Balcony color palette (#F9E4CF, #C0AE6B, #A37646, #7D4C42, #31312A)
• Washed Dune color palette (#FFF2E9, #C3E5CE, #B9BBC5, #B8928E, #724A00)
• Apricot Quarry color palette (#FFEFFF, #EFCAE6, #E09C7D, #904E5F, #4D3549)

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