Taupe Harbor color palette — #E4F7EC · #8DAB6F · #3A7251 · #294C57 · #04221C
A conversation between Moss and Pine, giving this palette its sense of nature and growth.
The five colors
- Cream (#E4F7EC): A whisper-light, dusty teal — the color of sea glass.
- Moss (#8DAB6F): A luminous, balanced green — the color of a quiet forest floor.
- Pine (#3A7251): A full-bodied, balanced teal — the color of shallow lagoons.
- Charcoal (#294C57): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Onyx (#04221C): A deep, shadowed, dusty teal — the color of sea glass.
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
- Tempered Mint color palette (#E5F7F1, #88C498, #418375, #3D5969, #0E2D2C)
- Muted Clover Delta color palette (#E3F8ED, #7FBB56, #007F53, #58406D, #122703)
- Cypress Study color palette (#FCF4E9, #93A272, #34714E, #2E543F, #36362F)
- Antique Emerald color palette (#DAF5EA, #55A259, #00644E, #492B51, #001614)
- Washed Study color palette (#D2EED1, #A69700, #466700, #33396A, #1A1600)
- Seafoam Dune color palette (#F7F7E2, #AFE0A4, #66986F, #61655D, #282A0D)
- Washed Olive color palette (#D6F6E8, #438C34, #00513A, #003038, #000A08)
- Antique Cerulean color palette (#FAEEF6, #93D5DA, #3087A4, #045E43, #01223B)
Browse the whole catalog at Explore, or see today's palette.