Muted Lagoon color palette — #FBF2F6 · #C4E5FD · #86B5EE · #199FA0 · #303660

Cerulean and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FBF2F6): a clean, paper-quiet neutral.
• Powder Blue (#C4E5FD): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Sky (#86B5EE): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#199FA0): A luminous, balanced teal — the color of sea glass.
• Navy (#303660): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, muted.

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

• Softworn Lagoon color palette (#FCF2F8, #C2E8F1, #66C1D3, #589D71, #0A4058)
• Softworn Sky Basin color palette (#EBF9F7, #D9DDE8, #65AEE2, #007B95, #0B3051)
• Timeworn Meadow color palette (#FBF2F7, #D8D4E3, #BABDE2, #6DB0AD, #46536B)
• Iris Bloom color palette (#F9E5EB, #99C5EA, #698EE5, #007B88, #1F1348)
• Seafoam Loft color palette (#D8F5F9, #32DAC4, #EA8FBE, #00A895, #51233C)
• Cobalt Cabin color palette (#E8DBE0, #6EA8CE, #4573BF, #005C62, #08002A)
• Cerulean Lantern color palette (#F4E6F1, #7ABDC5, #0090BA, #007055, #00152A)
• Frosted Teal color palette (#BDEFF8, #34C7B6, #DE85A5, #C57457, #003239)

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