diff --git a/src/app/modules/colors/pages/list/list.component.html b/src/app/modules/colors/pages/list/list.component.html
index f30d90d..684a2e5 100644
--- a/src/app/modules/colors/pages/list/list.component.html
+++ b/src/app/modules/colors/pages/list/list.component.html
@@ -52,8 +52,7 @@
     <ng-container matColumnDef="color">
       <th mat-header-cell *matHeaderCellDef>Couleur</th>
       <td mat-cell *matCellDef="let recipe">
-        <div class="recipe-color-circle" [class.light-mode]="isLight(recipe)"
-             [style.backgroundColor]="recipe.color"></div>
+        <cre-color-preview [recipe]="recipe"></cre-color-preview>
       </td>
     </ng-container>