Taupe Harbor color palette — #F8F5EE · #D3DDD3 · #B3C3BC · #A8A35B · #3E3A30

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

The five colors

• Ivory (#F8F5EE): bright and airy, almost weightless.
• Silver (#D3DDD3): a clean, paper-quiet neutral.
• Stone (#B3C3BC): A luminous, dusty teal — the color of glacier melt.
• Moss (#A8A35B): A luminous, balanced green — the color of new leaves after rain.
• Charcoal (#3E3A30): 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

• Timeworn Driftwood Bloom color palette (#EFF7F4, #CCDDE0, #B0C2C8, #82854F, #303E38)
• Taupe Grove color palette (#FEF3E7, #C8CF9D, #80AD86, #9A7F58, #37352F)
• Weathered Ridge color palette (#F4F7EB, #C8E1D7, #9FCAC8, #1AB64F, #32342D)
• Patina Moss color palette (#EBE9DD, #B7C3BA, #93ACA4, #7D8900, #221F12)
• Antique Vanilla Station color palette (#F4E8B6, #AED4B4, #90AE9A, #997676, #613C52)
• Tempered Teal Quarry color palette (#E9F1E8, #C5D7D7, #D0B8BD, #00A7A5, #253224)
• Patina Moss color palette (#E5E7CE, #67B143, #566750, #3F3F00, #100D05)
• Antique Mustard Bloom color palette (#FFEADE, #D1BA48, #40AC92, #8F5F9A, #31312A)

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