Washed Cocoa color palette — #F5ECE4 · #D9CFBB · #ACA787 · #704000 · #050200

Built around Bronze, softened by Sage — the whole palette hums with optimism and sophistication.

The five colors

• Cream (#F5ECE4): a clean, paper-quiet neutral.
• Oat (#D9CFBB): A whisper-light, dusty gold — the color of old brass.
• Sage (#ACA787): A luminous, dusty green — the color of a quiet forest floor.
• Bronze (#704000): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Ink (#050200): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged scandi, 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

• Basalt Station color palette (#F3EFE8, #BDBCA9, #8D9775, #473B00, #020100)
• Hushed Garnet color palette (#F6ECE8, #DFCCBF, #BCA180, #93002C, #080100)
• Patina Basalt color palette (#EDDEE3, #9DAEA1, #648978, #502F00, #220B14)
• Patina Garnet Delta color palette (#E6E2CB, #669E64, #005C46, #55041B, #000200)
• Washed Bronze Bloom color palette (#E5EEE4, #95BBB3, #78A39E, #9A6401, #0A180A)
• Pine Coast color palette (#F5F6EE, #CBE0D4, #A4C5A7, #21730B, #0D0E04)
• Aged Forest Veranda color palette (#F5E4D9, #9C9252, #006E2F, #462255, #1C001A)
• Wandering Bronze Villa color palette (#F7ECE0, #AE5F00, #3F4800, #1F0050, #020100)

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