Muted Lagoon color palette — #FFF0F9 · #91D8C2 · #53B0DC · #B46C4C · #15444F

Cyan and Mocha set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Lagoon (#91D8C2): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#53B0DC): A luminous, balanced blue — the color of deep harbor water.
• Mocha (#B46C4C): A luminous, balanced orange — the color of toasted spice.
• Deep Teal (#15444F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Optimism, Calm, Balance. Tagged retro, muted, cool.

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

• Weathered Bronze color palette (#E7FBEC, #84D8DC, #7BA6E5, #9F7C21, #254150)
• Soft Ridge color palette (#FFF0F9, #BDD093, #4EB9A7, #C05C7A, #1E4541)
• Rust Lantern color palette (#E9F9F7, #97CF90, #7D9EE8, #C2574A, #1F420A)
• Weathered Driftwood Basin color palette (#DDFDF9, #BBD6F0, #9DBEDC, #AD836C, #2F5845)
• Sunlit Cornflower Chapel color palette (#FFDFB1, #00CAC3, #0092F3, #8F6100, #002F37)
• Worn Lagoon color palette (#E0FCF8, #78DFE5, #1DA1C6, #665A8C, #1B3640)
• Washed Turquoise color palette (#D8E8EE, #2DBED2, #5E7285, #344E59, #0D1B1D)
• Misty Olive color palette (#D6F7F1, #77C3F7, #9F88D3, #5F8200, #1E304F)

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