Taupe Harbor color palette — #FBF3F1 · #C2E0E4 · #A2C5EB · #83B081 · #30524A
Built around Sage, softened by Sky — the whole palette hums with nature and growth.
The five colors
- Ivory (#FBF3F1): a clean, paper-quiet neutral.
- Silver (#C2E0E4): A whisper-light, dusty blue — the color of deep harbor water.
- Sky (#A2C5EB): A luminous, dusty blue — the color of a favorite pair of jeans.
- Sage (#83B081): A luminous, balanced green — the color of fresh herbs.
- Charcoal Brown (#30524A): A full-bodied, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, Sophistication, Softness. Tagged coastal, cool, 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
- Patina Drift color palette (#FAF4EF, #D0E5E6, #B5C6F0, #57B4AF, #674856)
- Lagoon Study color palette (#F1F7F2, #D1E0ED, #7FBDC5, #449977, #365769)
- Antique Taupe color palette (#FFF0FD, #B0C8F3, #DCB77C, #A6A864, #4E3B4C)
- Ash Lantern color palette (#F5EFF6, #CFD5F3, #78A3BA, #447570, #293847)
- Hazy Jade color palette (#FFF2EC, #B4F0FE, #68BFFF, #00AA7E, #2E3B6F)
- Petrol Veranda color palette (#F0E1DC, #6CADB2, #007FA9, #006135, #00071F)
- Iris Lagoon color palette (#E6FDE5, #A7E0F5, #81BEF0, #7692D7, #694556)
- Patina Bloom color palette (#FAF2FB, #E7C9EC, #E3C18D, #67ADF4, #604821)
Browse the whole catalog at Explore, or see today's palette.