Taupe Harbor color palette — #F3F6EF · #D4DDDA · #A9B4BB · #93A27A · #51544C
Moss takes the lead with Ash close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#F3F6EF): a clean, paper-quiet neutral.
- Silver (#D4DDDA): bright and airy, almost weightless.
- Ash (#A9B4BB): a calm mid-gray that lets other colors speak.
- Moss (#93A27A): A luminous, dusty green — the color of new leaves after rain.
- Charcoal Brown (#51544C): a grounded near-black with real depth.
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
- Wandering Terrace color palette (#EAEFE6, #99AA9D, #689085, #005240, #050C01)
- Softworn Bronze Loft color palette (#F6F7E3, #CDDECB, #97B9B0, #A5723C, #734402)
- Wandering Lagoon Alley color palette (#F0F8EE, #C9E0DE, #DBBFC7, #009B8D, #394336)
- Aged Lantern color palette (#E4F4EE, #BDB0B9, #B18994, #005981, #021912)
- Timeworn Chestnut Quarry color palette (#F9F5EB, #BDB27B, #728DBB, #8B5E33, #4C4218)
- Ancient Teal color palette (#E9F6E9, #2BB0B0, #495D57, #303B31, #20231C)
- Dusty Lantern color palette (#EFF8ED, #EDFAB2, #83EAE5, #95ADE8, #324939)
- Cobalt Lantern color palette (#FBF2FC, #EAD8E1, #D4B4B9, #0079D6, #3F2A42)
Browse the whole catalog at Explore, or see today's palette.