Misty Cocoa color palette — #F4F0E1 · #979865 · #008265 · #892E16 · #4B3C00
A conversation between Rust and Teal, giving this palette its sense of nature and growth.
The five colors
- Cream (#F4F0E1): A whisper-light, dusty green — the color of fresh herbs.
- Moss (#979865): A luminous, dusty green — the color of a quiet forest floor.
- Teal (#008265): A full-bodied, balanced teal — the color of glacier melt.
- Rust (#892E16): A full-bodied, balanced orange — the color of toasted spice.
- Deep Olive (#4B3C00): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Balance. Tagged vintage, retro, muted.
Use it as a design system
One click turns Misty 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
- Mulberry Meadow color palette (#EDE1CB, #BD9E5E, #4E8058, #870041, #503300)
- Worn Basin color palette (#E3E2CB, #90A078, #216C82, #614300, #2B3F00)
- Dusty Chestnut color palette (#F9FABC, #95BC99, #4D859B, #7C5300, #535318)
- Timeworn Bronze color palette (#FDF5DA, #D2CCB5, #8B9987, #9B5E3A, #634F00)
- Washed Pewter color palette (#EAF7D5, #A3B4A0, #9F7D9C, #5F673B, #30543D)
- Powdered Brick color palette (#D1E2E6, #007F92, #BC0515, #753D00, #002A31)
- Frosted Balcony color palette (#D7EED0, #3E9799, #3B5B8D, #393B00, #0D3100)
- Antique Study color palette (#DDEDE0, #4CCABA, #009CB8, #81517B, #5F2B38)
Browse the whole catalog at Explore, or see today's palette.