Muted Lagoon color palette — #FFF1F6 · #B6793E · #68873B · #A2426B · #4E2B3A

Built around Magenta Rose, softened by Olive Leaf — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Caramel (#B6793E): A luminous, balanced gold — the color of honey in a jar.
• Olive Leaf (#68873B): A full-bodied, balanced green — the color of new leaves after rain.
• Magenta Rose (#A2426B): A full-bodied, balanced rose — the color of a warm blush.
• Espresso (#4E2B3A): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged warm.

Use it as a design system

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

• Linen Mulberry color palette (#FFF0FB, #B87467, #8E7B16, #934497, #462F41)
• Quiet Corridor color palette (#E3FDEA, #A0853C, #2C905A, #A14A48, #243F2C)
• Mulberry Workshop color palette (#F2E7D5, #926900, #007929, #9B0031, #312100)
• Softworn Cocoa color palette (#FFF1F6, #C09CA7, #906948, #774220, #2D442F)
• Worn Bronze Lantern color palette (#EDF9ED, #B4E2EC, #D5D297, #A06C3E, #3D5140)
• Dusty Moss color palette (#C9F7E7, #758B00, #00847B, #934900, #2C3500)
• Bronze Boulevard color palette (#E0FFE2, #D0AD7C, #976501, #5F4000, #442B00)
• Amber Hollow color palette (#FFECF4, #C87537, #008BB6, #6061AC, #2E1522)

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