Tempered Taupe Lagoon color palette — #ECF8F7 · #FAD0E5 · #83A98B · #507573 · #222E2D

Sage and Shell Pink set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#ECF8F7): bright and airy, almost weightless.
• Shell Pink (#FAD0E5): A whisper-light, dusty rose — the color of strawberry cream.
• Sage (#83A98B): A luminous, dusty teal — the color of shallow lagoons.
• Pewter (#507573): A full-bodied, dusty teal — the color of sea glass.
• Onyx (#222E2D): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Tempered Taupe Lagoon 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

• Taupe Dune color palette (#EEF8F1, #F3DBAF, #AC9D71, #5A7462, #242E27)
• Worn Atelier color palette (#EBF7FF, #FFC2D1, #649EB8, #3A6A80, #19232A)
• Worn Fern Boulevard color palette (#F5F6EB, #E5CDA8, #6B8662, #505100, #2C2C22)
• Hushed Driftwood color palette (#EDF8F6, #B4E2EC, #748F6A, #195049, #121E1C)
• Antique Garden color palette (#F0F3E9, #E6B89E, #386F47, #30322B, #13150C)
• Aged Study color palette (#E9F9F9, #93D2B5, #78A3DA, #AD7563, #223B3B)
• Weathered Bronze color palette (#EEF7F8, #D6DBE1, #B6B1BD, #AA6F44, #4A5555)
• Muted Station color palette (#DCF1FB, #E78395, #007487, #00404C, #000305)

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