Tempered Taupe color palette — #F5F6EE · #CBE6DF · #AED1B8 · #8FAB89 · #365242

Built around Sage, softened by Pistachio — the whole palette hums with nature and growth.

The five colors

• Ivory (#F5F6EE): bright and airy, almost weightless.
• Silver (#CBE6DF): A whisper-light, dusty teal — the color of sea glass.
• Pistachio (#AED1B8): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#8FAB89): A luminous, dusty green — the color of a quiet forest floor.
• Deep Olive (#365242): A full-bodied, dusty teal — the color of glacier melt.

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

• Dusty Teal Cabin color palette (#F9F3F7, #D4D5E4, #97D7EE, #5EA285, #365068)
• Stone Terrace color palette (#FFF1F2, #E2D7D1, #D6A9AF, #9EB2A4, #644D4D)
• Aged Petrol Balcony color palette (#EAECDE, #6EACB8, #00819D, #005D5F, #000B12)
• Muted Turquoise Study color palette (#ECF4F2, #CBDFF4, #60A9B5, #357872, #233A45)
• Dusty Cocoa color palette (#FFF2EA, #F0D3BD, #D3AD94, #A88B7B, #683C00)
• Soft Sky Delta color palette (#F4F7E8, #BEEDFF, #46C4FE, #00A3B7, #004468)
• Washed Cerulean color palette (#E1E2D2, #8CCECD, #00A5B1, #007E71, #00242B)
• Cocoa Grove color palette (#FFF1F2, #F0C5E7, #E7BF92, #CA94BF, #6C4200)

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