Washed Cocoa color palette — #FFF0F8 · #F4D1E6 · #D399C2 · #AE717E · #77391E
Built around Bronze, softened by Mauve — the whole palette hums with optimism and creativity.
The five colors
- Ivory (#FFF0F8): a clean, paper-quiet neutral.
- Thistle (#F4D1E6): A whisper-light, dusty pink — the color of a candy shop window.
- Mauve (#D399C2): A luminous, balanced pink — the color of a candy shop window.
- Mocha (#AE717E): A luminous, dusty red — the color of a theater curtain.
- Bronze (#77391E): A full-bodied, balanced orange — the color of toasted spice.
Feels like: Optimism, Creativity, Warmth, Comfort, Sophistication. Tagged light, muted, warm.
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
- Hushed Dune color palette (#FFF1F2, #FFD4DF, #E89C91, #A37352, #684400)
- Feathered Peony color palette (#FFDDE6, #CD9CCE, #BA6CA8, #824660, #4D312C)
- Tempered Powder Atelier color palette (#D9FFF2, #D5E2FF, #AAA7E4, #906E9D, #603E3E)
- Blush Hollow color palette (#FFF1F0, #FAD2CE, #A0DCB5, #C8819F, #454740)
- Worn Pier color palette (#FADDFF, #ED7EC1, #C73D65, #861F00, #2C1500)
- Hazy Coral color palette (#FFF0FB, #FFA9CD, #D86462, #95431C, #402900)
- Stone Workshop color palette (#FFF1F1, #E2D9D0, #A0BAB2, #CAA6BA, #5E4946)
- Quiet Bronze Veranda color palette (#FFE3E4, #FF9A65, #BD6C00, #6D5400, #1F2100)
Browse the whole catalog at Explore, or see today's palette.