Taupe Harbor color palette — #F7F5ED · #D8E6AB · #7EC4D1 · #A4B374 · #233227
A conversation between Sage and Celadon Mist, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F7F5ED): bright and airy, almost weightless.
- Celadon Mist (#D8E6AB): A whisper-light, dusty green — the color of a quiet forest floor.
- Sky (#7EC4D1): A luminous, dusty blue — the color of deep harbor water.
- Sage (#A4B374): A luminous, balanced green — the color of a quiet forest floor.
- Deep Forest (#233227): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged duotone, light, 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
- Antique Apricot color palette (#FAF4EE, #FFD6A6, #81C9A4, #D4A05F, #2C2F28)
- Tempered Teal Harbor color palette (#F3F6EF, #BAEBD3, #ADB2E6, #75BC9C, #372932)
- Wandering Ridge color palette (#F1F7EE, #7BCFB4, #6CACC5, #AF7CA5, #34312B)
- Wandering Cerulean color palette (#FBF8CC, #C0E6C3, #81CBB7, #449BA5, #004B6A)
- Wandering Fern Dune color palette (#FFF2EA, #B2DDB7, #76BBC4, #AC7F7A, #365111)
- Worn Glacier color palette (#F4F6EF, #D4DDD8, #95D3DD, #A7B3B6, #52534D)
- Olive Cabin color palette (#EBF4F1, #BFCA97, #0992A9, #6C7A1E, #0B181E)
- Patina Station color palette (#F5F7E8, #96E788, #22B3F8, #3FB724, #002031)
Browse the whole catalog at Explore, or see today's palette.