Muted Cocoa color palette — #FCE8F0 · #90B9A5 · #478473 · #79412D · #573B4D
A conversation between Bronze and Fern, giving this palette its sense of sophistication.
The five colors
- Blush (#FCE8F0): A whisper-light, dusty rose — the color of pressed rose petals.
- Sage (#90B9A5): A luminous, dusty teal — the color of shallow lagoons.
- Fern (#478473): A full-bodied, dusty teal — the color of sea glass.
- Bronze (#79412D): A full-bodied, balanced orange — the color of autumn markets.
- Cocoa (#573B4D): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Muted 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
- Patina Summit color palette (#E2F9E2, #91BEB7, #6F919C, #785366, #623E3A)
- Hushed Chestnut color palette (#D7E5DA, #8EB7AE, #507C8B, #774A2B, #41461C)
- Hushed Denim Bloom color palette (#FFD8EF, #7EAA97, #527B80, #59496A, #4A3244)
- Pine Courtyard color palette (#ECF9EE, #7AA697, #2A734A, #5E4716, #113E33)
- Turquoise Bloom color palette (#F3E2B1, #C1CBA1, #70B5BF, #A17B73, #593A34)
- Cocoa Basin color palette (#F4E3C6, #639287, #006A72, #602712, #382100)
- Gentle Studio color palette (#D8F5FA, #00A491, #B35671, #006559, #562131)
- Ancient Cobalt color palette (#FCF2F6, #ADC9DF, #5F77AE, #00605C, #3E3160)
Browse the whole catalog at Explore, or see today's palette.