Tempered Taupe color palette — #F0F7F3 · #CFDCDE · #B1C3C9 · #A8A266 · #323E37

Sage and Stone set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F0F7F3): a clean, paper-quiet neutral.
• Silver (#CFDCDE): bright and airy, almost weightless.
• Stone (#B1C3C9): A luminous, dusty blue — the color of open sky before noon.
• Sage (#A8A266): A luminous, balanced green — the color of new leaves after rain.
• Charcoal (#323E37): quiet, heavy and certain.

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

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

• Ancient Teal Market color palette (#EBF8FA, #CFDDEC, #B6ACB6, #34BCA7, #304447)
• Pewter Garden color palette (#EEF7F7, #D4DBE0, #AFB0BA, #6B6059, #454F53)
• Weathered Clover color palette (#E7FAF8, #C4DFEE, #A3C7E4, #35B451, #133A37)
• Fern Atelier color palette (#F4F2EB, #D2D8CE, #B6BA9D, #6F6611, #242016)
• Muted Ash color palette (#BDF0DE, #9ED0CC, #7AB6AE, #8286AC, #473B59)
• Washed Courtyard color palette (#E4EEEA, #AFC5C9, #8BAEBB, #808822, #14231D)
• Timeworn Mustard Dune color palette (#DDF7E1, #BEC067, #66A975, #6A6EA8, #10382F)
• Tempered Moss color palette (#E2F5F0, #73AF23, #3B6B6A, #2B423D, #06100C)

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