Washed Cocoa color palette — #FDF1FD · #B4B180 · #783D42 · #3B253B · #26141B

Coffee and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FDF1FD): A whisper-light, dusty pink — the color of a candy shop window.
• Sage (#B4B180): A luminous, dusty green — the color of fresh herbs.
• Coffee (#783D42): A full-bodied, balanced red — the color of embers at dusk.
• Onyx (#3B253B): A deep, shadowed, dusty pink — the color of peonies in June.
• Ink (#26141B): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, 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

• Cocoa Alley color palette (#FAEFEB, #D5AA82, #833D33, #411A14, #160804)
• Bronze Dune color palette (#FAF2F8, #E4BB98, #A05C52, #64322B, #2A1C28)
• Timeworn Coral color palette (#FFF2EE, #DDD994, #D0777E, #865256, #2B1E1B)
• Marigold Meadow color palette (#ECFAEC, #BF9D46, #614100, #352200, #0F1F11)
• Terracotta Summit color palette (#FBF2FA, #E19992, #5D7B1F, #9D3A37, #0F2A23)
• Moss Garden color palette (#F4DDEB, #A99200, #681F00, #340B00, #100600)
• Dusty Bronze Field color palette (#FBF2F6, #CDD9DC, #ADC1C1, #95694B, #504449)
• Softworn Dune color palette (#FFF0F9, #B8694A, #298175, #00605E, #422A39)

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