Tempered Moss Pier color palette — #F7F6E8 · #B7CD9C · #BFA4D8 · #749C2F · #66404D

Olive Leaf takes the lead with Mauve close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F7F6E8): a clean, paper-quiet neutral.
• Pistachio (#B7CD9C): A luminous, dusty green — the color of fresh herbs.
• Mauve (#BFA4D8): A luminous, dusty violet — the color of a velvet chair.
• Olive Leaf (#749C2F): A luminous, balanced green — the color of new leaves after rain.
• Cocoa (#66404D): A full-bodied, dusty rose — the color of a warm blush.

Feels like: Nature, Growth, Creativity, Balance. Tagged light, muted.

Use it as a design system

One click turns Tempered Moss 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 Thicket color palette (#EFF9EB, #94D3C6, #DA9CB8, #00A390, #664241)
• Softworn Celadon color palette (#F7F6E3, #BFE391, #D5B8F7, #9AB27D, #5F444E)
• Worn Dune color palette (#E8FAF5, #9FBB7C, #AF85C9, #617D3A, #4B4A64)
• Amber Studio color palette (#FAF5EB, #D2C495, #7DB7EB, #A48A2E, #2D564C)
• Antique Hollow color palette (#FFF3E9, #D9C8AD, #B59478, #9C6361, #554700)
• Blush Orchard color palette (#E9F3DB, #6DBA97, #D96E8E, #00875D, #5B1A31)
• Ancient Lagoon color palette (#F1F8EE, #ECC8BB, #468C81, #1A5850, #252E22)
• Fuchsia Ridge color palette (#F0FADB, #6ADA9A, #CF6DDC, #007D49, #5A1663)

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