Tempered Taupe Pier color palette — #E8FAF2 · #C4E5E9 · #B8BDC8 · #8AAF99 · #3D5149

Sage takes the lead with Silver close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#E8FAF2): A whisper-light, dusty teal — the color of shallow lagoons.
• Silver (#C4E5E9): A whisper-light, dusty blue — the color of open sky before noon.
• Ash (#B8BDC8): soft and architectural.
• Sage (#8AAF99): A luminous, dusty teal — the color of glacier melt.
• Charcoal Brown (#3D5149): A full-bodied, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged pastel, light, muted.

Use it as a design system

One click turns Tempered Taupe 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 Chapel color palette (#E3FAFD, #C3D9F4, #81E2EE, #6CA589, #344E53)
• Ancient Fern color palette (#FAF5E6, #C0E2D2, #BCBDC8, #B9B590, #5A4C00)
• Taupe Balcony color palette (#EAFAEF, #B1D5C1, #AA9B68, #5E7E65, #3C4C45)
• Sand Studio color palette (#FFF1F6, #C1EDF4, #F2DFA6, #BC96AA, #5A464C)
• Tempered Lilac Pier color palette (#EAF8FF, #63B9D0, #A78BD3, #97698D, #2E4049)
• Turquoise Market color palette (#D2F6FF, #68C6CE, #00A4C3, #00715A, #001E1E)
• Misty Coast color palette (#E5E9D7, #8EAF6E, #24954E, #504A00, #081000)
• Hushed Mint color palette (#C6F8F2, #AFE3C3, #32D3B1, #698D41, #133F3D)

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