Weathered Cocoa color palette — #FFF1F5 · #90B09A · #8B6C48 · #73442F · #284439

Coffee and Walnut set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Sage (#90B09A): A luminous, dusty teal — the color of shallow lagoons.
• Walnut (#8B6C48): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Coffee (#73442F): A full-bodied, dusty orange — the color of sun-warmed clay.
• Forest (#284439): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Weathered 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

• Patina Chestnut Atelier color palette (#EAFAF1, #A0C0B7, #638B76, #725930, #374D4A)
• Washed Market color palette (#DCEEDC, #7AA18B, #7F5C21, #6B3207, #043A2D)
• Weathered Bronze Atelier color palette (#FDEFE0, #C1A77D, #966B32, #6A421A, #2C210A)
• Hushed Amber color palette (#EDF9EC, #D3BA90, #B08652, #885F39, #2F4335)
• Washed Garnet Drift color palette (#FFE7F2, #BD9559, #9D5314, #80251E, #3F3500)
• Antique Fern color palette (#F0F5FF, #6C7EB7, #A95449, #3E5E00, #26334A)
• Softworn Ultramarine Garden color palette (#F0F6FD, #8CB0E7, #9F4F7D, #245CB1, #291F32)
• Dusty Olive color palette (#D7F0DA, #736902, #4B3400, #2F1300, #080E00)

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