Muted Cocoa color palette — #E7F0E9 · #94ABA2 · #6A8F8A · #574200 · #000D03
A conversation between Deep Olive and Storm Blue, giving this palette its sense of optimism and sophistication.
The five colors
- Cream (#E7F0E9): a clean, paper-quiet neutral.
- Taupe (#94ABA2): A luminous, dusty teal — the color of shallow lagoons.
- Storm Blue (#6A8F8A): A luminous, dusty teal — the color of sea glass.
- Deep Olive (#574200): A deep, shadowed, dusty gold — the color of honey in a jar.
- Ink (#000D03): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Optimism, Sophistication. Tagged scandi, muted, light.
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 Chestnut Meadow color palette (#DCE3DE, #90A6A5, #5E968B, #756200, #020C06)
- Aged Studio color palette (#E6DFE4, #B39EA5, #728E7D, #772706, #11050D)
- Basalt Hollow color palette (#EAE5DD, #C0BBA5, #91966C, #4D3800, #020100)
- Bronze Coast color palette (#E7E3DC, #9D9A8E, #7F7126, #342A00, #0F0800)
- Forest Alley color palette (#E4F4F3, #9DBAC0, #809AA5, #006434, #001818)
- Lagoon Orchard color palette (#D4EAE6, #39856B, #005050, #4D1806, #000804)
- Worn Onyx color palette (#F8ECDF, #7B7E43, #315D48, #451646, #240005)
- Lagoon Studio color palette (#E5FAFB, #C9E3EB, #9DC4DA, #008D64, #16393A)
Browse the whole catalog at Explore, or see today's palette.