Muted Cocoa Archive color palette — #DDF3DA · #006964 · #594700 · #00312E · #040300

Deep Olive and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#DDF3DA): A whisper-light, dusty green — the color of fresh herbs.
• Pine (#006964): A full-bodied, balanced teal — the color of sea glass.
• Deep Olive (#594700): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Forest (#00312E): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#040300): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged muted.

Use it as a design system

One click turns Muted Cocoa Archive 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 Workshop color palette (#CAE8DD, #00628C, #155902, #002E44, #000400)
• Nightshade Ridge color palette (#DDEAD7, #006A5E, #382EAC, #00322B, #020014)
• Petrol Grove color palette (#CBE8ED, #007987, #00434B, #001417, #000102)
• Feathered Forest Delta color palette (#EBEFDD, #006F21, #004D7C, #00340B, #000308)
• Midnight Pine Harbor color palette (#CEE5DA, #097E1E, #3D383F, #00222F, #000306)
• Chalky Ridge color palette (#DAF2FA, #006D70, #8D0040, #003436, #25000C)
• Hushed Plum Studio color palette (#E1EFE2, #009095, #BC005E, #004548, #040001)
• Washed Harbor color palette (#D2EBF1, #008987, #7A6400, #00504E, #140F00)

Browse the whole catalog at Explore, or see today's palette.