Muted Cocoa color palette — #FFF0F8 · #76A677 · #18758E · #7F3400 · #194449
A conversation between Rust and Teal, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF0F8): a clean, paper-quiet neutral.
- Moss (#76A677): A luminous, balanced green — the color of new leaves after rain.
- Teal (#18758E): A full-bodied, balanced blue — the color of open sky before noon.
- Rust (#7F3400): A full-bodied, balanced orange — the color of sun-warmed clay.
- Deep Teal (#194449): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged 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
- Softworn Petrol color palette (#E9FBEA, #4CAB97, #376BA9, #674700, #194351)
- Mulberry Thicket color palette (#FFF0FF, #999D56, #117A73, #73345C, #1C4540)
- Quiet Garden color palette (#E9F8FF, #1B98AF, #007081, #831140, #004239)
- Wandering Teal color palette (#FEF0DA, #21B3A4, #007695, #683249, #132816)
- Timeworn Cypress color palette (#FFF0F7, #9AB8A4, #697B4F, #1B6661, #32493A)
- Cerulean Basin color palette (#E5FCEA, #60C5B8, #0094BA, #8B4C67, #21424C)
- Lagoon Parlor color palette (#FFDFB4, #009465, #005881, #4D3200, #00302E)
- Chestnut Courtyard color palette (#DBFFEF, #97BCBA, #648AA3, #72602D, #3B5B4E)
Browse the whole catalog at Explore, or see today's palette.