Washed Cocoa color palette — #F8E9F1 · #DFC9D0 · #94AE9A · #7F3300 · #080004

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

The five colors

• Blush (#F8E9F1): bright and airy, almost weightless.
• Oat (#DFC9D0): A whisper-light, dusty rose — the color of a warm blush.
• Sage (#94AE9A): A luminous, dusty teal — the color of shallow lagoons.
• Rust (#7F3300): A full-bodied, balanced orange — the color of autumn markets.
• Ink (#080004): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Antique Coast color palette (#E7F1E8, #C5D4CB, #86B1A2, #674600, #000400)
• Washed Boulevard color palette (#F5EAF6, #DEC9D7, #C099AB, #882136, #050106)
• Washed Garnet Station color palette (#F4E9E3, #AB9D8C, #8C7B32, #621900, #0A0301)
• Ancient Courtyard color palette (#F3E9EF, #A7B6B2, #7FA1A3, #BF4200, #200B1A)
• Hushed Lagoon color palette (#EBF9F4, #CDDCE1, #9AC4C5, #536A00, #00110C)
• Fern Veranda color palette (#CFE8D9, #889740, #295B00, #50110D, #010100)
• Dusty Drift color palette (#EADED3, #A68D3D, #5A693A, #003450, #06002B)
• Chestnut Archive color palette (#FDD7E6, #985300, #00491E, #001727, #030003)

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