Taupe Harbor color palette — #F5F6EF · #D4DCD7 · #A6AFBF · #9AA07B · #52534D
Taupe takes the lead with Ash close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#F5F6EF): a clean, paper-quiet neutral.
- Silver (#D4DCD7): a clean, paper-quiet neutral.
- Ash (#A6AFBF): A luminous, dusty violet — the color of twilight just after sunset.
- Taupe (#9AA07B): A luminous, dusty green — the color of fresh herbs.
- Charcoal Brown (#52534D): 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
- Tempered Abyss color palette (#EBEEE6, #9EA997, #6F9071, #005330, #070B00)
- Washed Cabin color palette (#F1F7F2, #D0DFDF, #D6C2C9, #5A9BA8, #404B44)
- Cypress Ridge color palette (#E4EBE5, #B4CBBE, #82B0A1, #006E74, #162318)
- Driftwood Cabin color palette (#F6F6EE, #CED6B2, #77A893, #868037, #4A5303)
- Weathered Teal color palette (#FDF4E6, #96CDA5, #46A3A1, #855F89, #464942)
- Tempered Teal color palette (#EDF5E8, #45B196, #4A5E4C, #343A2F, #21221D)
- Weathered Seafoam Atelier color palette (#F2F7EC, #D7FFC3, #7BF1C4, #4FC7DA, #3C4735)
- Hushed Cobalt Corridor color palette (#EBF9F3, #EAD7EB, #AEBBEE, #0081B3, #213830)
Browse the whole catalog at Explore, or see today's palette.