Muted Cocoa Lagoon color palette — #FFF2EA · #DEDBCC · #C1C4A5 · #9DB3B4 · #723F06

Built around Bronze, softened by Pistachio — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Bone (#DEDBCC): A whisper-light, dusty green — the color of a quiet forest floor.
• Pistachio (#C1C4A5): A luminous, dusty green — the color of fresh herbs.
• Ash (#9DB3B4): A luminous, dusty teal — the color of sea glass.
• Bronze (#723F06): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, muted.

Use it as a design system

One click turns Muted Cocoa Lagoon 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

• Worn Bronze color palette (#FBF5E4, #CCECC5, #B7B081, #957430, #4A3F00)
• Weathered Cocoa color palette (#FDF4E8, #DDDFCA, #9E8056, #613E00, #201A12)
• Aged Lichen Study color palette (#FFF4E1, #D6F8C1, #90DACE, #AD8B5C, #3E3B34)
• Patina Mint color palette (#FFF4DA, #E7EE93, #99C676, #796013, #1D1600)
• Weathered Mustard Basin color palette (#FFF4E2, #E9BC5A, #7CBEA6, #A1756F, #35312B)
• Driftwood Lantern color palette (#FAEEF6, #E7D3D1, #BADFC6, #B87880, #46313B)
• Aged Amber Lagoon color palette (#F7DAC2, #E9AB53, #B38E00, #753717, #020100)
• Celadon Pier color palette (#D5FFFA, #E0FD8C, #DBD9E5, #554B00, #26251D)

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