Muted Cocoa Workshop color palette — #FFEEE5 · #DDD8C5 · #9BD3AE · #B0887E · #5E3100

Cocoa and Pistachio set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFEEE5): A whisper-light, dusty orange — the color of sun-warmed clay.
• Bone (#DDD8C5): A whisper-light, dusty green — the color of fresh herbs.
• Pistachio (#9BD3AE): A luminous, dusty teal — the color of glacier melt.
• Caramel (#B0887E): A luminous, dusty orange — the color of sun-warmed clay.
• Cocoa (#5E3100): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

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

Use it as a design system

One click turns Muted Cocoa Workshop 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 Driftwood color palette (#FBF0E4, #DADEC5, #B4B3BE, #AA846D, #3C3831)
• Bone Cabin color palette (#FFEFFF, #E9DAD8, #AEE5D7, #8C7FA0, #5A4752)
• Timeworn Chestnut color palette (#F7F1E5, #C4BB99, #90834D, #774F05, #2E2D1B)
• Sunlit Emerald Boulevard color palette (#F2E3CA, #AEB678, #42A354, #6A3E00, #150F00)
• Mint Lantern color palette (#FDF0DF, #E1D9A8, #90C075, #9A5F32, #2A200C)
• Aged Bronze color palette (#FADCC6, #B4761E, #796E00, #5B000B, #030100)
• Muted Cerulean color palette (#FAF0E3, #B38E55, #358DB4, #59578C, #2A2114)
• Weathered Courtyard color palette (#E6DCF8, #00ECC5, #FEA346, #342F2A, #221B14)

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