Tempered Taupe color palette — #F1F7F1 · #BBD9CA · #8CA575 · #717D99 · #3F5248

Built around Moss, softened by Slate — the whole palette hums with nature and growth.

The five colors

• Ivory (#F1F7F1): bright and airy, almost weightless.
• Oat (#BBD9CA): A whisper-light, dusty teal — the color of glacier melt.
• Moss (#8CA575): A luminous, dusty green — the color of fresh herbs.
• Slate (#717D99): A full-bodied, dusty violet — the color of twilight just after sunset.
• Charcoal Brown (#3F5248): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Hushed Basalt Coast color palette (#F8F5ED, #C2E1CF, #B1B18A, #6D8E82, #524600)
• Turquoise Alley color palette (#F9F3F7, #D3D7ED, #7ABDCD, #679277, #415565)
• Hushed Study color palette (#F5F3FF, #E1B0E8, #A1BE6B, #A779AD, #31554B)
• Pale Emerald Summit color palette (#EBF9F1, #AAC68A, #1F9F5D, #715E8E, #304118)
• Washed Jade Villa color palette (#F4F4FF, #CA9DDF, #90B268, #66A187, #414053)
• Linen Pine color palette (#D4EBE0, #83B475, #008660, #674579, #00312B)
• Fern Lagoon color palette (#D7EADA, #868938, #286200, #3D2D5E, #101100)
• Antique Wisteria color palette (#F6F3FF, #F0C6EF, #C086BB, #86557F, #3E3450)

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