Washed Cocoa color palette — #FBF1FD · #9AB083 · #42838A · #7F4551 · #2F4E4E

Built around Coffee, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Ivory (#FBF1FD): bright and airy, almost weightless.
• Sage (#9AB083): A luminous, dusty green — the color of new leaves after rain.
• Slate (#42838A): A full-bodied, dusty blue — the color of deep harbor water.
• Coffee (#7F4551): A full-bodied, balanced red — the color of late-summer berries.
• Charcoal (#2F4E4E): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged retro, 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

• Mulberry Drift color palette (#FFF0FB, #C2A273, #558463, #744578, #374E43)
• Antique Mulberry color palette (#ECF8FA, #5DA79F, #327F77, #7A366A, #1E4D32)
• Teal Corridor color palette (#EAFAED, #90CFA8, #20A6A8, #836183, #344D4F)
• Antique Orchard color palette (#EDF8F3, #A5C9C7, #588A95, #4A6F61, #385352)
• Softworn Archive color palette (#E7FBEB, #59A89D, #4669A4, #624A00, #1A4353)
• Dusty Orchard color palette (#FFF0FA, #4BA258, #006B85, #7E1C00, #003F34)
• Weathered Seafoam color palette (#FFF2EF, #ADE0AB, #7EB8CB, #AA7F7C, #414C39)
• Washed Lagoon Balcony color palette (#E7F5F6, #3A8E7A, #2A404C, #172D2F, #0D171A)

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