Tempered Taupe color palette — #FCF3F0 · #C2E1E6 · #A9D2BD · #9EA77E · #5D4C5E

A conversation between Sage and Pistachio, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FCF3F0): a clean, paper-quiet neutral.
• Silver (#C2E1E6): A whisper-light, dusty blue — the color of deep harbor water.
• Pistachio (#A9D2BD): A whisper-light, dusty teal — the color of sea glass.
• Sage (#9EA77E): A luminous, dusty green — the color of new leaves after rain.
• Charcoal Brown (#5D4C5E): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged coastal, cool, light, 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 Delta color palette (#FAF4EE, #C5DFEF, #DCBAD6, #6CB0AD, #644A56)
• Fern Ridge color palette (#FEF3E8, #C3E2D1, #BBBAC4, #C8AF8B, #5D4C00)
• Washed Apricot color palette (#FDF3EA, #F5CDA1, #B5C3FF, #D29C5E, #614158)
• Dusty Powder Study color palette (#FCF3EC, #BDECDC, #94AFF7, #11A09C, #3E3359)
• Stone Ridge color palette (#FFF4DE, #D1E4B8, #C7B77B, #9D8D56, #43370D)
• Softworn Boulevard color palette (#F5F0F5, #D0D3E9, #63A7C1, #4C7754, #283749)
• Lilac Thicket color palette (#FFF4DF, #DAC68A, #A2BEF3, #A698D4, #45423B)
• Soft Cobalt Balcony color palette (#F3E5DF, #5DAFBB, #007DB2, #00603F, #01002F)

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