Taupe Pier color palette — #E5E8F9 · #89AC76 · #4D3B6C · #211336 · #04040E

Sage and Royal Purple set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#E5E8F9): A whisper-light, dusty violet — the color of wild irises.
• Sage (#89AC76): A luminous, balanced green — the color of new leaves after rain.
• Royal Purple (#4D3B6C): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Deep Indigo (#211336): A deep, shadowed, dusty violet — the color of a velvet chair.
• Ink (#04040E): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

One click turns Taupe Pier 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 Lantern color palette (#E1EAF8, #C09955, #2C4576, #091A3D, #010510)
• Hushed Courtyard color palette (#EFE4F7, #9DA76B, #70284F, #330921, #09020F)
• Ancient Terrace color palette (#F9EAEF, #9DC094, #6F5491, #3F275A, #240D17)
• Aubergine Lagoon color palette (#EEECFC, #C58B80, #5A2A6C, #340942, #161324)
• Weathered Garnet Meadow color palette (#F2DCEC, #9D8F34, #691608, #290200, #050004)
• Shadow Summit color palette (#E0E0F0, #5E872C, #3F005C, #10001B, #010009)
• Dusty Pewter Boulevard color palette (#F3F0F7, #DED2D7, #C4B1BD, #815371, #231E2A)
• Hushed Pewter color palette (#FFF1F4, #FFBEAC, #7A5380, #351D3A, #0C0103)

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