Taupe Harbor color palette — #F2F3EA · #BDEBE1 · #81A78E · #5A7357 · #263C30

Sage and Pewter set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F2F3EA): bright and airy, almost weightless.
• Honeydew (#BDEBE1): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#81A78E): A luminous, dusty teal — the color of shallow lagoons.
• Pewter (#5A7357): A full-bodied, dusty green — the color of fresh herbs.
• Forest (#263C30): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication. 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

• Ash Parlor color palette (#F0F3EB, #BDE9EC, #76A1C7, #517462, #403041)
• Bone Delta color palette (#E1F8EC, #B9E5E8, #E9D0EB, #76907E, #2C3D36)
• Dusty Basin color palette (#E3E4D5, #57ACAF, #00646E, #003A35, #000D12)
• Turquoise Ridge color palette (#DEFAE8, #22ADCB, #8687BE, #578561, #1B2C22)
• Lagoon Market color palette (#FCF3F0, #C3E1E8, #92BCAB, #5E9476, #5F4B5C)
• Wandering Bronze Grove color palette (#FCEFE2, #D4B68A, #A8783F, #7D4A13, #332B1E)
• Dusty Petrol color palette (#E7EBDE, #88BADC, #2670AA, #00485D, #001532)
• Cerulean Villa color palette (#DEE0CE, #00879E, #004255, #001F21, #000103)

Browse the whole catalog at Explore, or see today's palette.