Tempered Taupe color palette — #E9F9F4 · #9FB577 · #6D9F7F · #32869E · #2D423C

Sage takes the lead with Cerulean close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#E9F9F4): bright and airy, almost weightless.
• Sage (#9FB577): A luminous, balanced green — the color of new leaves after rain.
• Eucalyptus (#6D9F7F): A luminous, dusty teal — the color of shallow lagoons.
• Cerulean (#32869E): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#2D423C): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged 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

• Muted Canyon color palette (#FCF1F9, #D59A90, #A09F61, #2287A2, #493645)
• Tempered Cobalt Meadow color palette (#ECF9F3, #AEB070, #61AC9D, #7F6EAD, #2D4339)
• Dusty Petrol Bloom color palette (#ECF8F8, #80C2A4, #619A80, #007591, #603525)
• Patina Grape Chapel color palette (#DDF5EE, #7D9C44, #009390, #7E3AA8, #012E25)
• Linen Grape color palette (#E4FDE9, #BC8F05, #009B92, #6643CE, #382900)
• Hushed Delta color palette (#F9F3F7, #ECC3DE, #6FAC80, #CC6E54, #1C3231)
• Softworn Veranda color palette (#FFF2E9, #C17E57, #05909A, #455E8F, #423C37)
• Washed Olive color palette (#FFF0FD, #EBBBCC, #AA9D63, #4B8039, #005241)

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