Tempered Taupe color palette — #FFF2ED · #A4B063 · #2C8784 · #764C52 · #474941

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

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Sage (#A4B063): A luminous, balanced green — the color of a quiet forest floor.
• Fern (#2C8784): A full-bodied, balanced teal — the color of glacier melt.
• Coffee (#764C52): A full-bodied, dusty red — the color of a theater curtain.
• Charcoal (#474941): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged retro, muted.

Use it as a design system

One click turns Tempered Taupe 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

• Teal Canyon color palette (#FFF2EE, #66BB9A, #507C9E, #734F45, #3E4C3E)
• Apricot Studio color palette (#FFF3E7, #D29A65, #61825A, #6E4E61, #5D4300)
• Antique Taupe color palette (#E1F8EF, #90B88A, #4E866C, #2A5871, #113230)
• Patina Moss Basin color palette (#F6F6E6, #7DA755, #81638E, #70464D, #5D3100)
• Pewter Meadow color palette (#FAF4EE, #C3EEF3, #AF8CA7, #597859, #634B55)
• Fern Dune color palette (#F9F6E4, #A1CC9A, #67A186, #4A7A69, #444E00)
• Ancient Boulevard color palette (#FFF4DF, #BDC4A4, #7D9E8B, #7E6560, #78460D)
• Tempered Emerald Basin color palette (#FFE9E3, #009E6A, #00618C, #642B33, #233620)

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