Muted Lagoon color palette — #FAF4F0 · #CCE9E6 · #89B7DA · #269A8C · #5F4B5D

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

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Honeydew (#CCE9E6): A whisper-light, dusty teal — the color of glacier melt.
• Sky (#89B7DA): A luminous, dusty blue — the color of open sky before noon.
• Fern (#269A8C): A luminous, balanced teal — the color of sea glass.
• Charcoal Brown (#5F4B5D): A full-bodied, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Sophistication, Softness, Clarity. 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

• Tempered Ridge color palette (#FBF2F7, #D6D4E1, #A0D3F6, #6B9BA3, #424E5F)
• Hushed Lagoon color palette (#FAF4F0, #CFE5DE, #95BCA2, #57966E, #2E5346)
• Cerulean Dune color palette (#FFF1F1, #D69EB8, #68B894, #2F9CA9, #573938)
• Periwinkle Loft color palette (#FDF3EB, #B9E6D7, #6999F5, #00818B, #3B3670)
• Hushed Ultramarine color palette (#EADED4, #77A9C6, #0062C8, #004A4C, #0F0046)
• Worn Pier color palette (#EADCD5, #93BDA2, #007EB0, #005B4D, #001D47)
• Patina Peony color palette (#FEF2F2, #E7B2D1, #7AC49C, #C269A1, #4C4E47)
• Softworn Ash color palette (#FFF1F1, #E2D9D0, #ADBBC8, #B397C8, #664D49)

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