diff --git a/src/api.ts b/src/api.ts
index 9d96d7f..eb0a059 100644
--- a/src/api.ts
+++ b/src/api.ts
@@ -75,6 +75,7 @@ export interface Highlight {
   labels?: Label[];
   type: HighlightType;
   highlightPositionPercent?: number;
+  color?: string;
 }
 
 const requestHeaders = (apiKey: string) => ({
@@ -132,6 +133,7 @@ export const loadArticles = async (
                     labels {
                       name
                     }
+                    color
                   }
                   labels {
                     name
@@ -200,4 +202,4 @@ export const deleteArticleById = async (endpoint: string, apiKey: string, articl
   }
 
   return false
-}
\ No newline at end of file
+}
diff --git a/src/settings/template.ts b/src/settings/template.ts
index 23168b5..ee42069 100644
--- a/src/settings/template.ts
+++ b/src/settings/template.ts
@@ -189,6 +189,7 @@ export const renderArticleContnet = async (
       dateHighlighted: formatDate(highlight.updatedAt, dateHighlightedFormat),
       note: highlight.annotation ?? undefined,
       labels: renderLabels(highlight.labels),
+      color: highlight.color ?? 'yellow',
     };
   });
   const dateSaved = formatDate(article.savedAt, dateSavedFormat);