Muted Lagoon Pier color palette — #ECF6E1 · #009E76 · #4978AC · #674E10 · #151D0C

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

The five colors

• Cream (#ECF6E1): A whisper-light, dusty green — the color of fresh herbs.
• Fern (#009E76): A luminous, balanced teal — the color of sea glass.
• Slate (#4978AC): A full-bodied, balanced blue — the color of deep harbor water.
• Bronze (#674E10): A full-bodied, balanced gold — the color of honey in a jar.
• Ink (#151D0C): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Trust, Stability, Optimism, Balance. Tagged muted.

Use it as a design system

One click turns Muted Lagoon Pier 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

• Lagoon Courtyard color palette (#EDF5E8, #009071, #1F5B92, #4F4206, #121202)
• Softworn Teal color palette (#E7F7E8, #23A8AD, #7D7DAF, #5B6339, #1A261B)
• Timeworn Moss color palette (#F5F3DF, #77931D, #18848C, #77412C, #1D1A0B)
• Lagoon Meadow color palette (#E2FBFC, #009871, #895E94, #7C3D41, #1B383A)
• Byzantium Pier color palette (#DAFBEB, #0088B2, #8C44B1, #005A1A, #00190F)
• Ultramarine Alley color palette (#C0E8E6, #007B78, #3B42CE, #3D3F00, #000E0D)
• Timeworn Turquoise Delta color palette (#F0F5DD, #00AFC8, #20739B, #513A68, #13281D)
• Aqua Garden color palette (#ECF5EB, #46CAC0, #137FAC, #00746D, #00130C)

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