diff --git a/src/components/CandleChart.tsx b/src/components/CandleChart.tsx
index a46b626..cb6a8c3 100644
--- a/src/components/CandleChart.tsx
+++ b/src/components/CandleChart.tsx
@@ -30,6 +30,7 @@ interface Annotation {
   id: number;
   timestamp: number;
   label_type: string;
+  color: string | null;
   geometry: {
     startTime?: number;
     startPrice?: number;
@@ -1087,7 +1088,7 @@ const CandleChart = forwardRef<CandleChartHandle, CandleChartProps>(
             price: geometry.endPrice!,
           };
 
-          const color = annotationTypes.find((t) => t.name === 'line')?.color || selectedColor;
+          const color = annotation.color || annotationTypes.find((t) => t.name === 'line')?.color || selectedColor;
 
           const trendLine = new TrendLine(
             chartRef.current!,