Muted Lagoon color palette — #F0F7F3 · #E1D3D2 · #CCB7B9 · #4A7C8D · #404B45

Slate and Stone set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F0F7F3): a clean, paper-quiet neutral.
• Silver (#E1D3D2): bright and airy, almost weightless.
• Stone (#CCB7B9): A luminous, dusty red — the color of late-summer berries.
• Slate (#4A7C8D): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal (#404B45): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Cerulean Courtyard color palette (#F0F7F4, #D1DDDE, #D5C1C8, #389BC4, #404A46)
• Hushed Petrol color palette (#EDF3F7, #D4D6DD, #B9BBCD, #237FA3, #242E34)
• Pewter Garden color palette (#FBF2F6, #E3D6D2, #C2AEAB, #6B588D, #44363C)
• Fern Meadow color palette (#F7F6E7, #ABB58F, #3E8173, #416252, #3E4800)
• Ancient Denim color palette (#E8FAF4, #E2CADB, #C09AA9, #005F95, #133B31)
• Abyss Lantern color palette (#E0E9E5, #B4A3B2, #937584, #003D55, #031811)
• Ancient Chestnut color palette (#E4FDE9, #94B5AA, #9A7786, #735E0D, #3D4F3C)
• Softworn Cobalt color palette (#EDDFEE, #2272C4, #422937, #261A27, #071414)

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