Weathered Cocoa color palette — #EFE3E9 · #B09FA6 · #748F73 · #6E3100 · #14030C

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

The five colors

• Rose Water (#EFE3E9): bright and airy, almost weightless.
• Taupe (#B09FA6): A luminous, dusty rose — the color of pressed rose petals.
• Eucalyptus (#748F73): A luminous, dusty green — the color of new leaves after rain.
• Rust (#6E3100): A deep, shadowed, balanced gold — the color of old brass.
• Ink (#14030C): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged scandi, muted, light.

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

• Timeworn Garnet color palette (#F4EAF1, #AF9FA9, #997D8A, #831000, #12040F)
• Antique Balcony color palette (#DDE9E2, #97AAA1, #6D8F83, #514500, #000D05)
• Chestnut Delta color palette (#F2E8E3, #A6A38A, #868E6B, #944C30, #120601)
• Timeworn Coast color palette (#F4EBE5, #C7B8AA, #A48E73, #602A00, #030100)
• Dusty Onyx color palette (#EBE1E7, #8F9F8D, #787247, #4C1700, #11050D)
• Tempered Chestnut Corridor color palette (#E5EEE8, #B7C9C0, #8DADA1, #735F00, #15231A)
• Fern Courtyard color palette (#F0EACA, #548371, #3B592A, #003537, #001117)
• Pale Amber color palette (#E8F3E7, #DB772B, #AD7200, #6F5E00, #090500)

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