Tempered Taupe color palette — #F9F2FC · #F1B3C5 · #96B57D · #6D87B8 · #344261

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

The five colors

• Ivory (#F9F2FC): a clean, paper-quiet neutral.
• Ballet Pink (#F1B3C5): A whisper-light, dusty rose — the color of a warm blush.
• Sage (#96B57D): A luminous, balanced green — the color of fresh herbs.
• Slate Blue (#6D87B8): A luminous, balanced violet — the color of wild irises.
• Navy (#344261): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, 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

• Worn Station color palette (#FEF1F6, #EEBB96, #6ABAB2, #907CAA, #3E3E60)
• Taupe Grove color palette (#F4F4FF, #D7BAEA, #C5A46B, #4F939D, #23475C)
• Timeworn Petal Harbor color palette (#FEF0FF, #F4D2E0, #AEC2B8, #90A0AD, #405464)
• Weathered Harbor color palette (#F0F8EF, #E7C59B, #8EA367, #1E7B68, #4A2D45)
• Ancient Stone Veranda color palette (#FBEDF5, #E7A58B, #6F8171, #5C5157, #242024)
• Softworn Moss color palette (#FFF0FE, #FF9397, #53B241, #3C6ED9, #401A5C)
• Stone Canyon color palette (#FFEBF9, #FCC4A3, #D5AA70, #A08F56, #2E5746)
• Feathered Cobalt Harbor color palette (#FEECF2, #E2A360, #00A7B0, #5869B6, #3B184E)

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