Taupe Harbor color palette — #F8F5EC · #D1E4C4 · #8CA877 · #47827D · #393932
Built around Moss, softened by Teal — the whole palette hums with nature and growth.
The five colors
- Ivory (#F8F5EC): bright and airy, almost weightless.
- Celadon Mist (#D1E4C4): A whisper-light, dusty green — the color of a quiet forest floor.
- Moss (#8CA877): A luminous, dusty green — the color of fresh herbs.
- Teal (#47827D): A full-bodied, dusty teal — the color of sea glass.
- Charcoal (#393932): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
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
- Spruce Quarry color palette (#F3F7EA, #BEE9D1, #6EAC9F, #517C96, #284100)
- Stone Field color palette (#E9FAF1, #ACB67A, #697B4D, #435F64, #30483F)
- Wandering Forest color palette (#E6E2C6, #769B5C, #0A5E0F, #003234, #000200)
- Softworn Taupe color palette (#FAF4ED, #DED7A4, #9EB67D, #A3869A, #533F00)
- Washed Moss Grove color palette (#FBF5E8, #D4D3A6, #869242, #8B5051, #2B2900)
- Timeworn Alley color palette (#FCF5E0, #9DA96D, #4A6C00, #681F16, #060900)
- Hushed Coast color palette (#F4F6F0, #C5DCED, #97BDF0, #308CB8, #2D3E62)
- Airy Emerald Coast color palette (#F7F7E2, #90D88D, #009750, #006470, #022703)
Browse the whole catalog at Explore, or see today's palette.