Taupe Harbor color palette — #FFF0F8 · #D89B7C · #6EA4BD · #4D829A · #493741
Camel and Slate set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#FFF0F8): a clean, paper-quiet neutral.
- Camel (#D89B7C): A luminous, balanced orange — the color of toasted spice.
- Blue Fog (#6EA4BD): A luminous, dusty blue — the color of deep harbor water.
- Slate (#4D829A): A full-bodied, dusty blue — the color of open sky before noon.
- Charcoal (#493741): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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
- Patina Terrace color palette (#FEF0FE, #DA969A, #70AA8F, #55876F, #453845)
- Taupe Meadow color palette (#E9FAF1, #B6AE64, #899AC8, #6A79A1, #2D4338)
- Aged Meadow color palette (#FFF1F8, #F9AE88, #6BC9C8, #829AC8, #493741)
- Tempered Denim color palette (#FFF2EA, #B68268, #368E92, #385F9A, #423C37)
- Stone Balcony color palette (#FFF1F6, #E4B18F, #839B6E, #716696, #3B4D3E)
- Wandering Atelier color palette (#FBF2F5, #D0D8DC, #ACA6B0, #B48882, #575052)
- Dusty Harbor color palette (#E5FAFA, #50B48B, #5B97BE, #3574A5, #15393A)
- Amber Market color palette (#FBF2F8, #FEC0B1, #6DAC82, #BF7665, #203231)
Browse the whole catalog at Explore, or see today's palette.