Muted Pier color palette — #F8F5EC · #D2D4B6 · #73A897 · #907579 · #505100

Deep Olive and Jade set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F8F5EC): bright and airy, almost weightless.
• Oat (#D2D4B6): A whisper-light, dusty green — the color of a quiet forest floor.
• Jade (#73A897): A luminous, dusty teal — the color of sea glass.
• Mocha (#907579): A full-bodied, dusty red — the color of a theater curtain.
• Deep Olive (#505100): A full-bodied, balanced green — the color of new leaves after rain.

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

• Weathered Lagoon color palette (#FAF4EB, #C9C6A1, #56A17B, #8E6B27, #4A4400)
• Softworn Study color palette (#F8F5E8, #E2E0BE, #B8B98F, #AA977E, #564F00)
• Timeworn Ash Hollow color palette (#EEF8F3, #C4DBEF, #8CB8B9, #917E96, #304D48)
• Tempered Lagoon color palette (#EEF8F3, #A0CBC1, #5B8B87, #725F6B, #3D524D)
• Hushed Moss color palette (#FFF3E6, #DDBF81, #9AAD50, #5F8759, #4F534C)
• Wandering Jade color palette (#F8F7DB, #C0E8B9, #79AD6C, #527949, #3B3B34)
• Mint Boulevard color palette (#F2EBD3, #77BF82, #008B7C, #5F5F00, #073814)
• Hushed Thicket color palette (#FAF4EF, #C4E0EF, #94B1EA, #53938E, #634A56)

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