Weathered Taupe Harbor color palette — #F8F5EA · #ABB26A · #859CC4 · #657BA1 · #3F3D36

Sage takes the lead with Slate close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F8F5EA): bright and airy, almost weightless.
• Sage (#ABB26A): A luminous, balanced green — the color of new leaves after rain.
• Blue Fog (#859CC4): A luminous, dusty violet — the color of wild irises.
• Slate (#657BA1): A full-bodied, dusty violet — the color of wild irises.
• Charcoal (#3F3D36): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged muted.

Use it as a design system

One click turns Weathered 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

• Taupe Workshop color palette (#FAF5E5, #B2AF67, #BA89AD, #966A8A, #3F3D36)
• Wandering Quarry color palette (#EDF8F1, #9B9160, #5782B1, #734C89, #304238)
• Pewter Orchard color palette (#FDF3EB, #D4A781, #5996A9, #915657, #5D3824)
• Apricot Villa color palette (#FFF2EA, #DD9876, #A091C7, #7E72A0, #5F2E00)
• Wandering Powder Loft color palette (#F9F5EB, #D1C483, #83BBF8, #A38FBF, #403D36)
• Patina Thicket color palette (#F4F7EB, #86B387, #3B988E, #7E5A7E, #37362F)
• Hazy Teal color palette (#EDFAE8, #23B6A3, #AB7CAE, #8C598F, #283822)
• Softworn Cypress color palette (#FFF4E1, #CED4A6, #7EAD80, #007E7A, #004D65)

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