Washed Cocoa color palette — #F6EBEE · #C3D5CC · #7EB2AB · #6E4200 · #090003

Bronze and Sage set the tone — five colors that lean into optimism and sophistication.

The five colors

• Blush (#F6EBEE): bright and airy, almost weightless.
• Oat (#C3D5CC): A whisper-light, dusty teal — the color of sea glass.
• Sage (#7EB2AB): A luminous, dusty teal — the color of sea glass.
• Bronze (#6E4200): A full-bodied, balanced gold — the color of honey in a jar.
• Ink (#090003): A deep, shadowed, dusty rose — the color of strawberry cream.

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

• Timeworn Study color palette (#DAE1DD, #B0BEBC, #75999E, #443C00, #000201)
• Muted Garnet color palette (#F3EBF3, #DEC9D2, #8AB198, #930027, #070007)
• Washed Driftwood Balcony color palette (#F4E7DB, #B0A996, #7F853E, #502E00, #1B1207)
• Muted Onyx Field color palette (#D3E6DF, #5B9F75, #005A56, #4E0738, #000201)
• Timeworn Pine Boulevard color palette (#ECF8F6, #CDDCE7, #A0C0D2, #03741B, #00100E)
• Basalt Veranda color palette (#F5D6D6, #A68853, #38754A, #54153F, #17000E)
• Linen Rust Corridor color palette (#F1DDE6, #BF4F00, #3B4A00, #260048, #020100)
• Fern Courtyard color palette (#E0F5E9, #594D00, #0F1612, #000801, #040001)

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