Muted Pier color palette — #F8F0E7 · #D3C298 · #8D853C · #6F5A69 · #34312A
Built around Moss, softened by Sand — the whole palette hums with nature and growth.
The five colors
- Cream (#F8F0E7): a clean, paper-quiet neutral.
- Sand (#D3C298): A luminous, dusty gold — the color of honey in a jar.
- Moss (#8D853C): A luminous, balanced green — the color of new leaves after rain.
- Graphite (#6F5A69): A full-bodied, dusty pink — the color of peonies in June.
- Espresso (#34312A): a grounded near-black with real depth.
Feels like: Nature, Growth, Sophistication, 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
- Hushed Lagoon Garden color palette (#F4F2E8, #C4C79B, #5C8F79, #526759, #31322B)
- Muted Taupe Delta color palette (#EEF8F0, #B9DACA, #93A279, #6A818F, #3F5249)
- Worn Lilac color palette (#FFECF3, #BFA3EB, #7BAB74, #796795, #31322B)
- Bone Alley color palette (#FFECF2, #C0E7D7, #EBD2D5, #977C8F, #453436)
- Ash Harbor color palette (#F7F1EA, #BEEEF3, #859CCB, #52755B, #452E3B)
- Wandering Forest color palette (#F3ECD8, #769A5B, #00663F, #512B3A, #141300)
- Midnight Olive color palette (#F2E2CF, #736A00, #263F00, #1B1544, #030300)
- Aged Lime Studio color palette (#FAF1E0, #99B53C, #2D7E3E, #4F446E, #262100)
Browse the whole catalog at Explore, or see today's palette.