Taupe Pier color palette — #F7F1E5 · #A6953F · #4E9185 · #7D5050 · #292211

Moss and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F7F1E5): a clean, paper-quiet neutral.
• Moss (#A6953F): A luminous, balanced green — the color of new leaves after rain.
• Fern (#4E9185): A luminous, dusty teal — the color of sea glass.
• Coffee (#7D5050): A full-bodied, dusty red — the color of embers at dusk.
• Onyx (#292211): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Sophistication. Tagged 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

• Timeworn Corridor color palette (#F1F4E6, #61A869, #498CAB, #795631, #222417)
• Tempered Studio color palette (#F6F2E5, #908724, #29786C, #653B36, #231A0F)
• Driftwood Grove color palette (#EBF9F1, #9E9149, #5F83A2, #70517D, #2E4337)
• Washed Mint color palette (#F7F2DD, #87BC7F, #4C866C, #305C4C, #2B2E1C)
• Muted Lagoon color palette (#F3F2EA, #BDCB8D, #469472, #6C793B, #14170E)
• Muted Driftwood color palette (#F2F2EA, #D1DBD1, #A2B1AE, #89863E, #37372F)
• Ancient Taupe Grove color palette (#FCF4E6, #BDAA66, #9596C9, #7575A3, #403D36)
• Pine Chapel color palette (#E8ECD5, #008E2A, #006E92, #643700, #0F1200)

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