Taupe Harbor color palette — #F0F7F3 · #D3DCDF · #AFB5C5 · #A49D6B · #4D5550

A conversation between Moss and Ash, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F0F7F3): a clean, paper-quiet neutral.
• Silver (#D3DCDF): a clean, paper-quiet neutral.
• Ash (#AFB5C5): A luminous, dusty violet — the color of a velvet chair.
• Moss (#A49D6B): A luminous, dusty green — the color of fresh herbs.
• Charcoal Brown (#4D5550): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged scandi, muted, light.

Use it as a design system

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

• Aged Taupe color palette (#F0F8F0, #B0DDC9, #80A780, #70846F, #3F524A)
• Hushed Moss color palette (#ECF9F4, #C8E0EB, #A7C6E7, #77931B, #32443E)
• Hushed Forest Drift color palette (#DEEAEB, #A3B8C3, #8297B1, #006154, #04171A)
• Hushed Fern color palette (#E3EDE8, #91ABA8, #57938C, #484800, #010C07)
• Washed Celadon Bloom color palette (#ECF8F5, #D1DFC5, #BAE885, #6AC0C3, #304B4C)
• Tempered Jade Courtyard color palette (#E5F6F2, #80AA67, #3B5F65, #2D3B38, #1D241F)
• Teal Alley color palette (#FEF0FB, #D3BC7B, #4BA685, #865F87, #384D46)
• Aged Mustard color palette (#EDF9F0, #CAAE63, #748AC7, #8B5477, #493B5A)

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