Muted Pier color palette — #EDF7FF · #F1FF9B · #B5FFF5 · #3A4937 · #242A22

Butter and Sea Foam set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EDF7FF): a clean, paper-quiet neutral.
• Butter (#F1FF9B): A whisper-light, balanced green — the color of fresh herbs.
• Sea Foam (#B5FFF5): A whisper-light, dusty teal — the color of shallow lagoons.
• Deep Olive (#3A4937): A deep, shadowed, dusty green — the color of fresh herbs.
• Onyx (#242A22): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged neon, dark, vibrant, 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

• Lichen Terrace color palette (#D9FDFF, #C6FFCE, #C4DDD5, #3D4600, #22231B)
• Hushed Thicket color palette (#F2F7EF, #B0EBE0, #519486, #3C4C34, #181D14)
• Aged Aqua color palette (#ECF9EF, #6FD5E1, #ABA6E3, #778A57, #27362A)
• Softworn Abyss color palette (#D9F3FF, #DACDD1, #92A4A4, #2D463B, #17221D)
• Softworn Mint color palette (#F4F7EA, #8CCB90, #CC7C76, #8D5F2C, #2B2717)
• Seafoam Terrace color palette (#FFDEBD, #DCD7FF, #7FF0A4, #697733, #31332B)
• Glacier Thicket color palette (#FFF2ED, #DADFFF, #80DFFF, #002F3C, #00140A)
• Softworn Coast color palette (#FFDDC8, #DDBAFF, #2FD6C1, #1D3236, #121D1F)

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