Muted Lagoon color palette — #F9F3F8 · #CFDFF3 · #5DB1D2 · #2A8D6F · #2C4A67

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

The five colors

• Ivory (#F9F3F8): a clean, paper-quiet neutral.
• Powder Blue (#CFDFF3): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#5DB1D2): A luminous, balanced blue — the color of open sky before noon.
• Fern (#2A8D6F): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#2C4A67): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, 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

• Aqua Courtyard color palette (#FCF3EF, #BCEAF4, #70C8EB, #54907A, #26463F)
• Cerulean Dune color palette (#F0F5FF, #DED8E2, #F8BEDC, #5D9EBD, #454962)
• Antique Cerulean Archive color palette (#F5F6EF, #CBE4D0, #009BB3, #00716E, #305040)
• Petrol Bloom color palette (#E8DEE5, #74ACBA, #006E9E, #004B40, #001134)
• Nightshade Quarry color palette (#EEE2E5, #7696B6, #394DAD, #003A44, #0C0026)
• Feathered Moss color palette (#F1F5FF, #9D9AEA, #C48D2C, #8B8D00, #2F3751)
• Cerulean Field color palette (#F6EAF4, #A7CBDB, #0091C8, #006E5C, #042D5C)
• Sunlit Ultramarine Delta color palette (#D3EEFF, #8AC3F7, #5D8FDE, #555BB3, #523E6C)

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