Muted Pier color palette — #ECF8F3 · #B3E0D2 · #98B880 · #AA8A60 · #294A40

Built around Sage, softened by Caramel — the whole palette hums with nature and growth.

The five colors

• Ivory (#ECF8F3): bright and airy, almost weightless.
• Silver (#B3E0D2): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#98B880): A luminous, balanced green — the color of new leaves after rain.
• Caramel (#AA8A60): A luminous, dusty gold — the color of honey in a jar.
• Forest (#294A40): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted, light.

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

• Jade Summit color palette (#EBF9F4, #A2D6CC, #7FAE80, #798C53, #073F37)
• Linen Moss Boulevard color palette (#E9FAF1, #CDD590, #95B253, #968B2D, #3B3E00)
• Teal Summit color palette (#F9F5EA, #D5EFC2, #67B087, #906C66, #393932)
• Ancient Lagoon color palette (#EEF8F3, #9CD1C6, #649E81, #96606B, #214B44)
• Quiet Apricot color palette (#DFFDF3, #B6C784, #2DCEC1, #E78B48, #1A4035)
• Soft Jade color palette (#D2F4EC, #94D391, #37B169, #927800, #043906)
• Weathered Veranda color palette (#CFE5D6, #918A54, #636700, #584600, #070600)
• Softworn Pine Corridor color palette (#D2E7E0, #7FA46B, #238630, #6D5100, #051400)

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