Hushed Cocoa Alley color palette — #F5ECE8 · #D6C9C0 · #B59C7E · #823D2F · #3B2921

Rust and Taupe set the tone — five colors that lean into sophistication.

The five colors

• Cream (#F5ECE8): a clean, paper-quiet neutral.
• Oat (#D6C9C0): soft and architectural.
• Taupe (#B59C7E): A luminous, dusty gold — the color of afternoon light on wheat.
• Rust (#823D2F): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#3B2921): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Hushed Cocoa Alley 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

• Worn Coast color palette (#F9F4ED, #DAD2BB, #9BAF84, #705600, #36322C)
• Washed Cocoa Coast color palette (#F1E8E1, #C1B7AB, #9E8C67, #6A3400, #291C11)
• Rust Summit color palette (#F3ECF2, #EACFD9, #A5BFB0, #A85651, #362934)
• Feathered Fern Field color palette (#EFE3D1, #948F46, #495E00, #65262E, #332700)
• Hushed Pewter color palette (#FDE7D6, #AA8D60, #6A6D38, #004C61, #452B44)
• Softworn Bronze Loft color palette (#F9F4EF, #DBDCD2, #BDC5AD, #936B41, #4D4640)
• Olive Lantern color palette (#E7E4D8, #9B9B8A, #6C7832, #2D2D00, #0D0900)
• Amber Boulevard color palette (#FFEFE2, #FF8C8A, #CF6D00, #816900, #3C2200)

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