diff --git a/packages/bui-core/src/Tag/Tag.less b/packages/bui-core/src/Tag/Tag.less
index 0dbf0ea..0e0f8e8 100644
--- a/packages/bui-core/src/Tag/Tag.less
+++ b/packages/bui-core/src/Tag/Tag.less
@@ -48,8 +48,8 @@
     }
 
     &.bui-tag-vip {
-      color: var(--bui-color-vip);
-      border: 1px solid fade(#ff866e, 40%);
+      color: var(--bui-color-red);
+      border: 1px solid var(--bui-color-border-primary);
     }
   }
 
diff --git a/packages/bui-core/src/Tag/TagGroup.less b/packages/bui-core/src/Tag/TagGroup.less
index 549bfa1..edf5e8a 100644
--- a/packages/bui-core/src/Tag/TagGroup.less
+++ b/packages/bui-core/src/Tag/TagGroup.less
@@ -2,13 +2,46 @@
   display: inline-flex;
   font-family: var(--bui-font-family);
 
-  .bui-tag {
-    margin: 0 0 0 -1px;
+  .bui-tag-outlined {
+    background-color: var(--bui-color-white);
+  }
+
+  .bui-tag-outlined + .bui-tag-contained {
+    margin-left: -1px;
+  }
+
+  .bui-tag-outlined:not(:last-child) {
+    position: relative;
+    border-right-style: dotted;
+
+    &::after {
+      top: 0;
+    }
+
+    &::before {
+      bottom: 0;
+    }
+
+    &::after,
+    &::before {
+      content: '';
+      position: absolute;
+      right: -1px;
+      width: 1px;
+      height: 13%;
+      color: #fff;
+      background-color: #fff;
+      border-right-style: solid;
+    }
   }
 
   .bui-tag:not(:last-child) {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
+
+    &:not(.bui-tag-outlined) {
+      border-right: 0;
+    }
   }
 
   .bui-tag:not(:first-child) {
diff --git a/packages/bui-core/src/Tag/__tests__/__snapshots__/Tag.snapshot.test.tsx.snap b/packages/bui-core/src/Tag/__tests__/__snapshots__/Tag.snapshot.test.tsx.snap
index a0ef0a6..a3f77be 100644
--- a/packages/bui-core/src/Tag/__tests__/__snapshots__/Tag.snapshot.test.tsx.snap
+++ b/packages/bui-core/src/Tag/__tests__/__snapshots__/Tag.snapshot.test.tsx.snap
@@ -322,5 +322,191 @@ exports[`Tag snapshot Tag demo snapshot 0 4`] = `
       info
     </div>
   </div>
+  <div
+    className="bui-tag-group"
+  >
+    <div
+      className="bui-tag bui-tag-contained bui-tag-primary"
+      style={Object {}}
+    >
+      primary
+    </div>
+    <div
+      className="bui-tag bui-tag-outlined bui-tag-info"
+      style={Object {}}
+    >
+      info
+    </div>
+    <div
+      className="bui-tag bui-tag-outlined bui-tag-info"
+      style={Object {}}
+    >
+      info
+    </div>
+  </div>
+  <div
+    className="bui-tag-group"
+  >
+    <div
+      className="bui-tag bui-tag-outlined bui-tag-primary"
+      style={Object {}}
+    >
+      primary
+    </div>
+    <div
+      className="bui-tag bui-tag-contained bui-tag-info"
+      style={Object {}}
+    >
+      info
+    </div>
+    <div
+      className="bui-tag bui-tag-outlined bui-tag-info"
+      style={Object {}}
+    >
+      info
+    </div>
+  </div>
+  <div
+    className="bui-tag-group"
+  >
+    <div
+      className="bui-tag bui-tag-outlined bui-tag-primary"
+      style={Object {}}
+    >
+      primary
+    </div>
+    <div
+      className="bui-tag bui-tag-outlined bui-tag-info"
+      style={Object {}}
+    >
+      info
+    </div>
+    <div
+      className="bui-tag bui-tag-contained bui-tag-info"
+      style={Object {}}
+    >
+      info
+    </div>
+  </div>
+  <div
+    className="bui-tag-group"
+  >
+    <div
+      className="bui-tag bui-tag-outlined bui-tag-primary"
+      style={Object {}}
+    >
+      primary
+    </div>
+    <div
+      className="bui-tag bui-tag-outlined bui-tag-info"
+      style={Object {}}
+    >
+      info
+    </div>
+    <div
+      className="bui-tag bui-tag-outlined bui-tag-info"
+      style={Object {}}
+    >
+      info
+    </div>
+  </div>
+  <div
+    className="bui-tag-group"
+  >
+    <div
+      className="bui-tag bui-tag-contained bui-tag-primary"
+      style={Object {}}
+    >
+      primary
+    </div>
+    <div
+      className="bui-tag bui-tag-outlined bui-tag-info"
+      style={Object {}}
+    >
+      info
+    </div>
+    <div
+      className="bui-tag bui-tag-contained bui-tag-info"
+      style={Object {}}
+    >
+      info
+    </div>
+  </div>
+  <div
+    className="bui-tag-group"
+  >
+    <div
+      className="bui-tag bui-tag-contained bui-tag-primary"
+      style={Object {}}
+    >
+      primary
+    </div>
+    <div
+      className="bui-tag bui-tag-contained bui-tag-info"
+      style={Object {}}
+    >
+      info
+    </div>
+    <div
+      className="bui-tag bui-tag-contained bui-tag-info"
+      style={Object {}}
+    >
+      info
+    </div>
+  </div>
+  <div
+    className="bui-tag-group"
+  >
+    <div
+      className="bui-tag bui-tag-contained bui-tag-primary"
+      style={Object {}}
+    >
+      primary
+    </div>
+    <div
+      className="bui-tag bui-tag-contained bui-tag-info"
+      style={Object {}}
+    >
+      info
+    </div>
+    <div
+      className="bui-tag bui-tag-outlined bui-tag-info"
+      style={Object {}}
+    >
+      info
+    </div>
+  </div>
+  <div
+    className="bui-tag-group"
+  >
+    <div
+      className="bui-tag bui-tag-outlined bui-tag-primary"
+      style={Object {}}
+    >
+      primary
+    </div>
+    <div
+      className="bui-tag bui-tag-contained bui-tag-info"
+      style={Object {}}
+    >
+      info
+    </div>
+    <div
+      className="bui-tag bui-tag-contained bui-tag-info"
+      style={Object {}}
+    >
+      info
+    </div>
+  </div>
+  <div
+    className="bui-tag-group"
+  >
+    <div
+      className="bui-tag bui-tag-outlined bui-tag-warning"
+      style={Object {}}
+    >
+      warning
+    </div>
+  </div>
 </div>
 `;
diff --git a/packages/bui-core/src/Tag/index.md b/packages/bui-core/src/Tag/index.md
index b3e50f4..ceb508a 100644
--- a/packages/bui-core/src/Tag/index.md
+++ b/packages/bui-core/src/Tag/index.md
@@ -175,6 +175,101 @@ export default () => {
           info
         </Tag>
       </TagGroup>
+      <TagGroup>
+        <Tag variant="contained" color="primary">
+          primary
+        </Tag>
+        <Tag variant="outlined" color="info">
+          info
+        </Tag>
+        <Tag variant="outlined" color="info">
+          info
+        </Tag>
+      </TagGroup>
+
+      <TagGroup>
+        <Tag variant="outlined" color="primary">
+          primary
+        </Tag>
+        <Tag variant="contained" color="info">
+          info
+        </Tag>
+        <Tag variant="outlined" color="info">
+          info
+        </Tag>
+      </TagGroup>
+
+      <TagGroup>
+        <Tag variant="outlined" color="primary">
+          primary
+        </Tag>
+        <Tag variant="outlined" color="info">
+          info
+        </Tag>
+        <Tag variant="contained" color="info">
+          info
+        </Tag>
+      </TagGroup>
+      <TagGroup>
+        <Tag variant="outlined" color="primary">
+          primary
+        </Tag>
+        <Tag variant="outlined" color="info">
+          info
+        </Tag>
+        <Tag variant="outlined" color="info">
+          info
+        </Tag>
+      </TagGroup>
+      <TagGroup>
+        <Tag variant="contained" color="primary">
+          primary
+        </Tag>
+        <Tag variant="outlined" color="info">
+          info
+        </Tag>
+        <Tag variant="contained" color="info">
+          info
+        </Tag>
+      </TagGroup>
+      <TagGroup>
+        <Tag variant="contained" color="primary">
+          primary
+        </Tag>
+        <Tag variant="contained" color="info">
+          info
+        </Tag>
+        <Tag variant="contained" color="info">
+          info
+        </Tag>
+      </TagGroup>
+      <TagGroup>
+        <Tag variant="contained" color="primary">
+          primary
+        </Tag>
+        <Tag variant="contained" color="info">
+          info
+        </Tag>
+        <Tag variant="outlined" color="info">
+          info
+        </Tag>
+      </TagGroup>
+      <TagGroup>
+        <Tag variant="outlined" color="primary">
+          primary
+        </Tag>
+        <Tag variant="contained" color="info">
+          info
+        </Tag>
+        <Tag variant="contained" color="info">
+          info
+        </Tag>
+      </TagGroup>
+      <TagGroup>
+        <Tag variant="outlined" color="warning">
+          warning
+        </Tag>
+      </TagGroup>
     </Stack>
   );
 };