Muted Pier color palette — #F3F9DD · #5CF7C8 · #00A89D · #845D72 · #2C3029

Lagoon and Turquoise set the tone — five colors that lean into balance and grounding.

The five colors

• Custard (#F3F9DD): A whisper-light, dusty green — the color of new leaves after rain.
• Lagoon (#5CF7C8): A whisper-light, balanced teal — the color of sea glass.
• Turquoise (#00A89D): A luminous, balanced teal — the color of sea glass.
• Graphite (#845D72): A full-bodied, dusty rose — the color of pressed rose petals.
• Deep Forest (#2C3029): quiet, heavy and certain.

Feels like: Balance, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Dusty Orchard color palette (#FBF6DA, #B8E9A4, #53A673, #875A7B, #1F3516)
• Mint Field color palette (#F7F8DA, #6DDE9A, #009377, #7B445A, #002611)
• Teal Terrace color palette (#F8F7DC, #96E2B8, #20BDAF, #AB73A0, #0A462C)
• Weathered Cypress Quarry color palette (#E0F8F2, #7AB894, #007C71, #683862, #002816)
• Dusty Atelier color palette (#FFF2EE, #FFADB9, #0ACBBA, #CF4063, #003731)
• Fern Corridor color palette (#F4F6ED, #BDE1F2, #82BBB2, #9B7E78, #384F0B)
• Weathered Teal color palette (#DEFCFD, #57B6A3, #007A73, #1C557F, #00453B)
• Periwinkle Grove color palette (#FDF4E5, #DBD6E0, #7FAEFF, #0083A1, #292F62)

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