diff --git a/src/contact-list/ContactList.tsx b/src/contact-list/ContactList.tsx
index 57a615821..81522e8af 100644
--- a/src/contact-list/ContactList.tsx
+++ b/src/contact-list/ContactList.tsx
@@ -2,7 +2,6 @@ import { PropType, defineComponent } from 'vue';
 
 // Utils
 import { createNamespace, UnknownProp } from '../utils';
-import { RED } from '../utils/constant';
 
 // Components
 import { Tag } from '../tag';
@@ -41,7 +40,7 @@ export default defineComponent({
       };
 
       const renderRightIcon = () => (
-        <Radio name={item.id} iconSize={16} checkedColor={RED} />
+        <Radio class={bem('radio')} name={item.id} iconSize={16} />
       );
 
       const renderEditIcon = () => (
diff --git a/src/contact-list/README.md b/src/contact-list/README.md
index e6ef10a06..3e082b399 100644
--- a/src/contact-list/README.md
+++ b/src/contact-list/README.md
@@ -94,8 +94,9 @@ export default {
 
 How to use: [Custom Theme](#/en-US/theme).
 
-| Name                             | Default Value | Description |
-| -------------------------------- | ------------- | ----------- |
-| @contact-list-edit-icon-size     | `16px`        | -           |
-| @contact-list-add-button-z-index | `999`         | -           |
-| @contact-list-item-padding       | `@padding-md` | -           |
+| Name                                | Default Value | Description |
+| ----------------------------------- | ------------- | ----------- |
+| @contact-list-edit-icon-size        | `16px`        | -           |
+| @contact-list-add-button-z-index    | `999`         | -           |
+| @contact-list-item-padding          | `@padding-md` | -           |
+| @contact-list-item-radio-icon-color | `@red`        | -           |
diff --git a/src/contact-list/README.zh-CN.md b/src/contact-list/README.zh-CN.md
index c5c1cb46b..3b7c22c2a 100644
--- a/src/contact-list/README.zh-CN.md
+++ b/src/contact-list/README.zh-CN.md
@@ -98,8 +98,9 @@ export default {
 
 组件提供了下列 Less 变量，可用于自定义样式，使用方法请参考[主题定制](#/zh-CN/theme)。
 
-| 名称                             | 默认值        | 描述 |
-| -------------------------------- | ------------- | ---- |
-| @contact-list-edit-icon-size     | `16px`        | -    |
-| @contact-list-add-button-z-index | `999`         | -    |
-| @contact-list-item-padding       | `@padding-md` | -    |
+| 名称                                | 默认值        | 描述 |
+| ----------------------------------- | ------------- | ---- |
+| @contact-list-edit-icon-size        | `16px`        | -    |
+| @contact-list-add-button-z-index    | `999`         | -    |
+| @contact-list-item-padding          | `@padding-md` | -    |
+| @contact-list-item-radio-icon-color | `@red`        | -    |
diff --git a/src/contact-list/index.less b/src/contact-list/index.less
index fe92f98a7..3c514c260 100644
--- a/src/contact-list/index.less
+++ b/src/contact-list/index.less
@@ -36,6 +36,13 @@
     font-size: @contact-list-edit-icon-size;
   }
 
+  &__radio {
+    .van-radio__icon--checked .van-icon {
+      background-color: @contact-list-item-radio-icon-color;
+      border-color: @contact-list-item-radio-icon-color;
+    }
+  }
+
   &__bottom {
     position: fixed;
     right: 0;
diff --git a/src/contact-list/test/__snapshots__/demo.spec.ts.snap b/src/contact-list/test/__snapshots__/demo.spec.ts.snap
index 2d9ffec3d..e25213aae 100644
--- a/src/contact-list/test/__snapshots__/demo.spec.ts.snap
+++ b/src/contact-list/test/__snapshots__/demo.spec.ts.snap
@@ -21,16 +21,14 @@ exports[`should render demo and match snapshot 1`] = `
           </transition-stub>
         </div>
         <div role="radio"
-             class="van-radio"
+             class="van-radio van-contact-list__radio"
              tabindex="0"
              aria-checked="true"
         >
           <div class="van-radio__icon van-radio__icon--round van-radio__icon--checked"
                style="font-size: 16px;"
           >
-            <i class="van-badge__wrapper van-icon van-icon-success"
-               style="border-color: #ee0a24; background-color: rgb(238, 10, 36);"
-            >
+            <i class="van-badge__wrapper van-icon van-icon-success">
             </i>
           </div>
         </div>
@@ -45,7 +43,7 @@ exports[`should render demo and match snapshot 1`] = `
           Ned Stark，1310000000
         </div>
         <div role="radio"
-             class="van-radio"
+             class="van-radio van-contact-list__radio"
              tabindex="0"
              aria-checked="false"
         >
diff --git a/src/contact-list/test/__snapshots__/index.spec.ts.snap b/src/contact-list/test/__snapshots__/index.spec.ts.snap
index 8941f29b6..9c989cd7c 100644
--- a/src/contact-list/test/__snapshots__/index.spec.ts.snap
+++ b/src/contact-list/test/__snapshots__/index.spec.ts.snap
@@ -15,16 +15,14 @@ exports[`should render ContactList correctly 1`] = `
         jack，12345678
       </div>
       <div role="radio"
-           class="van-radio"
+           class="van-radio van-contact-list__radio"
            tabindex="0"
            aria-checked="true"
       >
         <div class="van-radio__icon van-radio__icon--round van-radio__icon--checked"
              style="font-size: 16px;"
         >
-          <i class="van-badge__wrapper van-icon van-icon-success"
-             style="border-color: #ee0a24; background-color: rgb(238, 10, 36);"
-          >
+          <i class="van-badge__wrapper van-icon van-icon-success">
           </i>
         </div>
       </div>
diff --git a/src/style/var.less b/src/style/var.less
index 5f0e3364f..9aa9cc97c 100644
--- a/src/style/var.less
+++ b/src/style/var.less
@@ -294,6 +294,7 @@
 @contact-list-edit-icon-size: 16px;
 @contact-list-add-button-z-index: 999;
 @contact-list-item-padding: @padding-md;
+@contact-list-item-radio-icon-color: @red;
 
 // CountDown
 @count-down-text-color: @text-color;