Muted Cocoa color palette — #FFF2EA · #6BA783 · #207297 · #7C3515 · #2F442A
A conversation between Rust and Slate, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2EA): a clean, paper-quiet neutral.
- Jade (#6BA783): A luminous, balanced teal — the color of sea glass.
- Slate (#207297): A full-bodied, balanced blue — the color of deep harbor water.
- Rust (#7C3515): A full-bodied, balanced orange — the color of autumn markets.
- Forest (#2F442A): A deep, shadowed, dusty green — the color of fresh herbs.
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
- Tempered Fern Boulevard color palette (#FCF5DE, #53A8A2, #51689C, #535100, #234533)
- Wandering Garnet color palette (#FFF2EE, #969E63, #007A76, #733557, #3D3E37)
- Gentle Meadow color palette (#E7F7EA, #2AB2A9, #007699, #712946, #032732)
- Softworn Cerulean Dune color palette (#FFF4E2, #3EC9BF, #0093BF, #894E63, #304333)
- Denim Station color palette (#FCDFBF, #009276, #005491, #4F3000, #003033)
- Softworn Fern color palette (#FDF6D6, #B1BFA5, #669584, #726838, #5D4C00)
- Denim Study color palette (#EFF1DA, #0895B2, #604B94, #204C00, #10334F)
- Softworn Cypress Ridge color palette (#FBF4EE, #C4E5D9, #7688BA, #00716F, #4B4065)
Browse the whole catalog at Explore, or see today's palette.