Softworn Taupe color palette — #ECF9EE · #B5E8E3 · #A2A175 · #8E6A7E · #233F30

A conversation between Taupe and Slate, giving this palette its sense of nature and growth.

The five colors

• Ivory (#ECF9EE): bright and airy, almost weightless.
• Sea Foam (#B5E8E3): A whisper-light, dusty teal — the color of shallow lagoons.
• Taupe (#A2A175): A luminous, dusty green — the color of new leaves after rain.
• Slate (#8E6A7E): A full-bodied, dusty pink — the color of a candy shop window.
• Forest (#233F30): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Softworn 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 Ridge color palette (#E8FAF6, #B2E8F9, #7FA98F, #617E6D, #213F3C)
• Ancient Boulevard color palette (#EEF9EF, #BBDECF, #99B68E, #AE809C, #2E493E)
• Weathered Moss Ridge color palette (#EAFAF0, #D1D4A6, #81934B, #496D59, #063022)
• Tempered Lagoon color palette (#DFFEEB, #D0BC50, #67BE9A, #CD7765, #193124)
• Washed Olive Quarry color palette (#F9F0E5, #C0B38B, #627F4C, #6C4A4D, #2C2716)
• Amber Delta color palette (#FFF3E4, #FFD68F, #BE9B3D, #7E6A0D, #4A4312)
• Hushed Powder color palette (#EDF8F6, #D6DEEA, #82C7DB, #478F90, #264354)
• Abyss Pier color palette (#D4EEE7, #5C8756, #004920, #231A00, #000200)

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