Tempered Taupe Coast color palette — #E7FAF5 · #97B772 · #52AABD · #9F6D54 · #2E423D

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

The five colors

• Ivory (#E7FAF5): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#97B772): A luminous, balanced green — the color of a quiet forest floor.
• Cyan (#52AABD): A luminous, balanced blue — the color of deep harbor water.
• Mocha (#9F6D54): A full-bodied, dusty orange — the color of toasted spice.
• Charcoal (#2E423D): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged muted.

Use it as a design system

One click turns Tempered Taupe Coast 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 Mint color palette (#E9F9F7, #85BB84, #5AA7C5, #5B7CAB, #2D423F)
• Lilac Delta color palette (#E8F8FF, #62BAC9, #9990D9, #936A94, #304047)
• Weathered Orchard color palette (#EFF7F6, #B3DEBC, #33B0A8, #649B70, #203135)
• Weathered Pier color palette (#D5FFFC, #00B351, #0091C9, #8E5900, #0C3418)
• Weathered Moss color palette (#E4FBF5, #789E55, #8A74A0, #68567A, #31413D)
• Weathered Loft color palette (#F7F6E7, #B2CD97, #B1B1DF, #B988A5, #433F00)
• Worn Terrace color palette (#DCFCFF, #9CE1D4, #40AEAB, #05828A, #004F5D)
• Timeworn Hollow color palette (#EFF7F7, #D3DBE0, #AEB2C0, #72A6A7, #4B5555)

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