Washed Cocoa color palette — #FFF4DF · #D9DCBE · #A4C09E · #B88C8A · #7C3E24

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

The five colors

• Cream (#FFF4DF): A whisper-light, dusty gold — the color of honey in a jar.
• Celadon Mist (#D9DCBE): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#A4C09E): A luminous, dusty green — the color of new leaves after rain.
• Dusty Rose (#B88C8A): A luminous, dusty orange — the color of sun-warmed clay.
• Bronze (#7C3E24): A full-bodied, balanced orange — the color of autumn markets.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged vintage, retro, 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

• Wandering Taupe color palette (#FAF4EC, #E1D5A9, #93B985, #A08D71, #504100)
• Washed Bone Orchard color palette (#F4F9D9, #C0E6CC, #A9BCA1, #6B877E, #574655)
• Tempered Turquoise Loft color palette (#E0E2C8, #82CD9A, #00ABC6, #B26669, #651F06)
• Periwinkle Quarry color palette (#E1EBD2, #97D2E2, #8CAADF, #9F7850, #5C4500)
• Pale Cypress color palette (#F3F1D0, #7AA37D, #008482, #824259, #350700)
• Faded Mallow color palette (#EFFAE2, #72D5AB, #F18CD5, #DA8F7C, #363933)
• Tempered Ash Archive color palette (#D7FEFC, #9FCCCF, #70AAA5, #5E758F, #48556B)
• Softworn Study color palette (#E0EADA, #389A87, #327298, #7D311B, #230D00)

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