Tempered Taupe color palette — #F9F5ED · #C4E1CC · #9DB985 · #B0984A · #1F1F13

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

The five colors

• Ivory (#F9F5ED): bright and airy, almost weightless.
• Celadon Mist (#C4E1CC): A whisper-light, dusty teal — the color of sea glass.
• Sage (#9DB985): A luminous, dusty green — the color of new leaves after rain.
• Mustard (#B0984A): A luminous, balanced green — the color of fresh herbs.
• Onyx (#1F1F13): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged duotone, 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 Taupe Bloom color palette (#FBF3EE, #E1DAD0, #CDA771, #C7886D, #261C0F)
• Jade Veranda color palette (#F5F6EE, #B3E8EE, #6EBFB8, #75AA72, #182117)
• Marigold Delta color palette (#F9F4EF, #F3D9BB, #7DCB9C, #DF9B3C, #2D2F28)
• Weathered Basalt color palette (#FBF5E3, #D5E4B4, #84AF83, #427C8A, #454100)
• Washed Olive Study color palette (#EFF7F2, #CCC190, #588D4B, #7F6C0F, #1E322F)
• Worn Stone Meadow color palette (#FDF3EE, #DF9E8E, #8592C5, #836490, #30201D)
• Muted Field color palette (#F7F5EE, #D7DBD3, #A9B7BE, #B2B183, #504D46)
• Abyss Villa color palette (#F3FBCC, #BBE7CA, #9FBF90, #5B895C, #00522F)

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