diff --git a/android/src/main/java/com/swmansion/enriched/EnrichedTextInputView.kt b/android/src/main/java/com/swmansion/enriched/EnrichedTextInputView.kt
index e14f51389..e6666ce47 100644
--- a/android/src/main/java/com/swmansion/enriched/EnrichedTextInputView.kt
+++ b/android/src/main/java/com/swmansion/enriched/EnrichedTextInputView.kt
@@ -691,6 +691,15 @@ class EnrichedTextInputView : AppCompatEditText {
     dispatcher?.dispatchEvent(OnRequestHtmlResultEvent(surfaceId, id, requestId, html, experimentalSynchronousEvents))
   }
 
+  fun setColor(color: Int) {
+    val isValid = verifyStyle(EnrichedSpans.COLOR)
+    if (!isValid) return
+
+    inlineStyles?.setColorStyle(color)
+  }
+
+  fun removeColor() = inlineStyles?.removeColorSpan()
+
   // Sometimes setting up style triggers many changes in sequence
   // Eg. removing conflicting styles -> changing text -> applying spans
   // In such scenario we want to prevent from handling side effects (eg. onTextChanged)
diff --git a/android/src/main/java/com/swmansion/enriched/EnrichedTextInputViewManager.kt b/android/src/main/java/com/swmansion/enriched/EnrichedTextInputViewManager.kt
index d74f08a9e..1c8e2ea11 100644
--- a/android/src/main/java/com/swmansion/enriched/EnrichedTextInputViewManager.kt
+++ b/android/src/main/java/com/swmansion/enriched/EnrichedTextInputViewManager.kt
@@ -1,6 +1,7 @@
 package com.swmansion.enriched
 
 import android.content.Context
+import androidx.core.graphics.toColorInt
 import com.facebook.react.bridge.ReadableArray
 import com.facebook.react.bridge.ReadableMap
 import com.facebook.react.module.annotations.ReactModule
@@ -338,6 +339,17 @@ class EnrichedTextInputViewManager :
     view?.verifyAndToggleStyle(EnrichedSpans.UNORDERED_LIST)
   }
 
+  override fun setColor(
+    view: EnrichedTextInputView?,
+    color: String,
+  ) {
+    view?.setColor(color.toColorInt())
+  }
+
+  override fun removeColor(view: EnrichedTextInputView?) {
+    view?.removeColor()
+  }
+
   override fun addLink(
     view: EnrichedTextInputView?,
     start: Int,
diff --git a/android/src/main/java/com/swmansion/enriched/events/OnColorChangeEvent.kt b/android/src/main/java/com/swmansion/enriched/events/OnColorChangeEvent.kt
new file mode 100644
index 000000000..e8877b88d
--- /dev/null
+++ b/android/src/main/java/com/swmansion/enriched/events/OnColorChangeEvent.kt
@@ -0,0 +1,28 @@
+package com.swmansion.enriched.events
+
+import com.facebook.react.bridge.Arguments
+import com.facebook.react.bridge.WritableMap
+import com.facebook.react.uimanager.events.Event
+
+class OnColorChangeEvent(
+  surfaceId: Int,
+  viewId: Int,
+  private val experimentalSynchronousEvents: Boolean,
+  private val color: String?,
+) : Event<OnColorChangeEvent>(surfaceId, viewId) {
+  override fun getEventName(): String = EVENT_NAME
+
+  override fun getEventData(): WritableMap {
+    val eventData: WritableMap = Arguments.createMap()
+
+    eventData.putString("color", color)
+
+    return eventData
+  }
+
+  override fun experimental_isSynchronous(): Boolean = experimentalSynchronousEvents
+
+  companion object {
+    const val EVENT_NAME: String = "onColorChangeInSelection"
+  }
+}
diff --git a/android/src/main/java/com/swmansion/enriched/spans/EnrichedColoredSpan.kt b/android/src/main/java/com/swmansion/enriched/spans/EnrichedColoredSpan.kt
new file mode 100644
index 000000000..9b89a3546
--- /dev/null
+++ b/android/src/main/java/com/swmansion/enriched/spans/EnrichedColoredSpan.kt
@@ -0,0 +1,20 @@
+package com.swmansion.enriched.spans
+
+import android.text.style.ForegroundColorSpan
+import com.swmansion.enriched.spans.interfaces.EnrichedInlineSpan
+import com.swmansion.enriched.styles.HtmlStyle
+
+class EnrichedColoredSpan(
+  htmlStyle: HtmlStyle,
+  val color: Int,
+) : ForegroundColorSpan(color),
+  EnrichedInlineSpan {
+  override val dependsOnHtmlStyle: Boolean = false
+
+  override fun rebuildWithStyle(htmlStyle: HtmlStyle): EnrichedColoredSpan = EnrichedColoredSpan(htmlStyle, color)
+
+  fun getHexColor(): String {
+    val rgb = foregroundColor and 0x00FFFFFF
+    return String.format("#%06X", rgb)
+  }
+}
diff --git a/android/src/main/java/com/swmansion/enriched/spans/EnrichedSpans.kt b/android/src/main/java/com/swmansion/enriched/spans/EnrichedSpans.kt
index 3589a73f7..d70720c1b 100644
--- a/android/src/main/java/com/swmansion/enriched/spans/EnrichedSpans.kt
+++ b/android/src/main/java/com/swmansion/enriched/spans/EnrichedSpans.kt
@@ -34,6 +34,7 @@ object EnrichedSpans {
   const val UNDERLINE = "underline"
   const val STRIKETHROUGH = "strikethrough"
   const val INLINE_CODE = "inline_code"
+  const val COLOR = "color"
 
   // paragraph styles
   const val H1 = "h1"
@@ -61,6 +62,7 @@ object EnrichedSpans {
       UNDERLINE to BaseSpanConfig(EnrichedUnderlineSpan::class.java),
       STRIKETHROUGH to BaseSpanConfig(EnrichedStrikeThroughSpan::class.java),
       INLINE_CODE to BaseSpanConfig(EnrichedInlineCodeSpan::class.java),
+      COLOR to BaseSpanConfig(EnrichedColoredSpan::class.java),
     )
 
   val paragraphSpans: Map<String, ParagraphSpanConfig> =
@@ -106,6 +108,13 @@ object EnrichedSpans {
         StylesMergingConfig(blockingStyles = blockingStyles.toTypedArray())
       }
 
+      COLOR -> {
+        StylesMergingConfig(
+          conflictingStyles = arrayOf(INLINE_CODE),
+          blockingStyles = arrayOf(CODE_BLOCK, MENTION),
+        )
+      }
+
       ITALIC -> {
         StylesMergingConfig(
           blockingStyles = arrayOf(CODE_BLOCK),
diff --git a/android/src/main/java/com/swmansion/enriched/styles/InlineStyles.kt b/android/src/main/java/com/swmansion/enriched/styles/InlineStyles.kt
index 967f6a223..7de95afce 100644
--- a/android/src/main/java/com/swmansion/enriched/styles/InlineStyles.kt
+++ b/android/src/main/java/com/swmansion/enriched/styles/InlineStyles.kt
@@ -3,6 +3,7 @@ package com.swmansion.enriched.styles
 import android.text.Editable
 import android.text.Spannable
 import com.swmansion.enriched.EnrichedTextInputView
+import com.swmansion.enriched.spans.EnrichedColoredSpan
 import com.swmansion.enriched.spans.EnrichedSpans
 import com.swmansion.enriched.utils.getSafeSpanBoundaries
 
@@ -101,21 +102,203 @@ class InlineStyles(
     }
   }
 
+  private fun applyColorSpan(
+    spannable: Spannable,
+    start: Int,
+    end: Int,
+    color: Int,
+  ) {
+    val (safeStart, safeEnd) = spannable.getSafeSpanBoundaries(start, end)
+    spannable.setSpan(
+      EnrichedColoredSpan(view.htmlStyle, color),
+      safeStart,
+      safeEnd,
+      Spannable.SPAN_EXCLUSIVE_EXCLUSIVE,
+    )
+  }
+
+  private fun splitExistingColorSpans(
+    spannable: Spannable,
+    start: Int,
+    end: Int,
+    onRemain: (s: Int, e: Int, color: Int) -> Unit,
+  ) {
+    val spans = spannable.getSpans(start, end, EnrichedColoredSpan::class.java)
+    for (span in spans) {
+      val spanStart = spannable.getSpanStart(span)
+      val spanEnd = spannable.getSpanEnd(span)
+      val color = span.color
+
+      spannable.removeSpan(span)
+
+      if (spanStart < start) {
+        onRemain(spanStart, start, color)
+      }
+
+      if (spanEnd > end) {
+        onRemain(end, spanEnd, color)
+      }
+    }
+  }
+
+  private fun mergeAdjacentColors(spannable: Spannable) {
+    val colorSpans =
+      spannable
+        .getSpans(0, spannable.length, EnrichedColoredSpan::class.java)
+        .sortedBy { spannable.getSpanStart(it) }
+
+    var index = 0
+    while (index < colorSpans.size - 1) {
+      val currentSpan = colorSpans[index]
+      val nextSpan = colorSpans[index + 1]
+
+      val currentStart = spannable.getSpanStart(currentSpan)
+      val currentEnd = spannable.getSpanEnd(currentSpan)
+      val nextStart = spannable.getSpanStart(nextSpan)
+      val nextEnd = spannable.getSpanEnd(nextSpan)
+
+      if (currentEnd == nextStart && currentSpan.color == nextSpan.color) {
+        spannable.removeSpan(currentSpan)
+        spannable.removeSpan(nextSpan)
+
+        applyColorSpan(spannable, currentStart, nextEnd, currentSpan.color)
+
+        return mergeAdjacentColors(spannable)
+      }
+
+      index++
+    }
+  }
+
+  private fun isFullyColoredWith(
+    spannable: Spannable,
+    start: Int,
+    end: Int,
+    color: Int,
+  ): Boolean {
+    val spans = spannable.getSpans(start, end, EnrichedColoredSpan::class.java)
+    if (spans.isEmpty()) return false
+
+    val allSame = spans.all { it.color == color }
+
+    if (!allSame) {
+      return false
+    }
+
+    val minStart = spans.minOf { spannable.getSpanStart(it) }
+    val maxEnd = spans.maxOf { spannable.getSpanEnd(it) }
+
+    return minStart <= start && maxEnd >= end
+  }
+
+  fun setColorStyle(color: Int) {
+    val (start, end) = view.selection?.getInlineSelection() ?: return
+    val spannable = view.text as Spannable
+
+    if (start == end) {
+      val spanState = view.spanState
+      if (spanState?.colorStart != null && spanState.typingColor == color) {
+        view.spanState.setColorStart(null, null)
+      } else {
+        view.spanState?.setColorStart(start, color)
+      }
+      return
+    }
+
+    if (isFullyColoredWith(spannable, start, end, color)) {
+      removeColorRange(start, end)
+      view.spanState?.setColorStart(null, null)
+      view.selection.validateStyles()
+      return
+    }
+
+    splitExistingColorSpans(spannable, start, end) { spanStart, spanEnd, existingColor ->
+      applyColorSpan(spannable, spanStart, spanEnd, existingColor)
+    }
+
+    applyColorSpan(spannable, start, end, color)
+
+    mergeAdjacentColors(spannable)
+
+    view.spanState?.setColorStart(null, null)
+    view.selection.validateStyles()
+  }
+
+  private fun removeColorRange(
+    start: Int,
+    end: Int,
+  ) {
+    val spannable = view.text as Spannable
+
+    splitExistingColorSpans(spannable, start, end) { spanStart, spanEnd, color ->
+      if (spanStart < start) applyColorSpan(spannable, spanStart, start, color)
+      if (spanEnd > end) applyColorSpan(spannable, end, spanEnd, color)
+    }
+  }
+
+  fun removeColorSpan() {
+    val (start, end) = view.selection?.getInlineSelection() ?: return
+
+    if (start == end) {
+      view.spanState?.setColorStart(null, null)
+      return
+    }
+
+    removeColorRange(start, end)
+
+    view.spanState?.setColorStart(null, null)
+    view.selection.validateStyles()
+  }
+
+  private fun applyTypingColorIfActive(
+    spannable: Spannable,
+    cursor: Int,
+  ) {
+    val state = view.spanState ?: return
+    val colorStart = state.colorStart ?: return
+    val color = state.typingColor ?: return
+
+    val existing =
+      spannable
+        .getSpans(colorStart, colorStart, EnrichedColoredSpan::class.java)
+        .firstOrNull { it.color == color }
+
+    if (existing != null) {
+      val spanStart = spannable.getSpanStart(existing)
+      val spanEnd = spannable.getSpanEnd(existing)
+
+      if (cursor > spanEnd) {
+        spannable.removeSpan(existing)
+        applyColorSpan(spannable, spanStart, cursor, color)
+      }
+
+      view.spanState.setColorStart(cursor, color)
+      return
+    }
+
+    applyColorSpan(spannable, colorStart, cursor, color)
+    view.spanState.setColorStart(cursor, color)
+  }
+
   fun afterTextChanged(
-    s: Editable,
+    editable: Editable,
     endCursorPosition: Int,
   ) {
     for ((style, config) in EnrichedSpans.inlineSpans) {
       val start = view.spanState?.getStart(style) ?: continue
       var end = endCursorPosition
-      val spans = s.getSpans(start, end, config.clazz)
+      if (config.clazz == EnrichedColoredSpan::class.java) {
+        applyTypingColorIfActive(editable, end)
+        continue
+      }
+      val spans = editable.getSpans(start, end, config.clazz)
 
       for (span in spans) {
-        end = s.getSpanEnd(span).coerceAtLeast(end)
-        s.removeSpan(span)
+        end = editable.getSpanEnd(span).coerceAtLeast(end)
+        editable.removeSpan(span)
       }
 
-      setSpan(s, config.clazz, start, end)
+      setSpan(editable, config.clazz, start, end)
     }
   }
 
diff --git a/android/src/main/java/com/swmansion/enriched/utils/EnrichedParser.java b/android/src/main/java/com/swmansion/enriched/utils/EnrichedParser.java
index 82c89efd6..572fbb933 100644
--- a/android/src/main/java/com/swmansion/enriched/utils/EnrichedParser.java
+++ b/android/src/main/java/com/swmansion/enriched/utils/EnrichedParser.java
@@ -1,5 +1,6 @@
 package com.swmansion.enriched.utils;
 
+import android.graphics.Color;
 import android.graphics.drawable.Drawable;
 import android.text.Editable;
 import android.text.Layout;
@@ -9,9 +10,11 @@
 import android.text.TextUtils;
 import android.text.style.AlignmentSpan;
 import android.text.style.ParagraphStyle;
+import androidx.annotation.Nullable;
 import com.swmansion.enriched.spans.EnrichedBlockQuoteSpan;
 import com.swmansion.enriched.spans.EnrichedBoldSpan;
 import com.swmansion.enriched.spans.EnrichedCodeBlockSpan;
+import com.swmansion.enriched.spans.EnrichedColoredSpan;
 import com.swmansion.enriched.spans.EnrichedH1Span;
 import com.swmansion.enriched.spans.EnrichedH2Span;
 import com.swmansion.enriched.spans.EnrichedH3Span;
@@ -306,6 +309,10 @@ private static void withinParagraph(StringBuilder out, Spanned text, int start,
           // Don't output the placeholder character underlying the image.
           i = next;
         }
+        if (style[j] instanceof EnrichedColoredSpan) {
+          String color = ((EnrichedColoredSpan) style[j]).getHexColor();
+          out.append("<font color=\"").append(color).append("\">");
+        }
       }
       withinStyle(out, text, i, next);
       for (int j = style.length - 1; j >= 0; j--) {
@@ -330,6 +337,9 @@ private static void withinParagraph(StringBuilder out, Spanned text, int start,
         if (style[j] instanceof EnrichedItalicSpan) {
           out.append("</i>");
         }
+        if (style[j] instanceof EnrichedColoredSpan) {
+          out.append("</font>");
+        }
       }
     }
   }
@@ -498,6 +508,8 @@ private void handleStartTag(String tag, Attributes attributes) {
       start(mSpannableStringBuilder, new Code());
     } else if (tag.equalsIgnoreCase("mention")) {
       startMention(mSpannableStringBuilder, attributes);
+    } else if (tag.equalsIgnoreCase("font")) {
+      startFont(mSpannableStringBuilder, attributes);
     }
   }
 
@@ -540,6 +552,8 @@ private void handleEndTag(String tag) {
       end(mSpannableStringBuilder, Code.class, new EnrichedInlineCodeSpan(mStyle));
     } else if (tag.equalsIgnoreCase("mention")) {
       endMention(mSpannableStringBuilder, mStyle);
+    } else if (tag.equalsIgnoreCase("font")) {
+      endFont(mSpannableStringBuilder, mStyle);
     }
   }
 
@@ -926,4 +940,62 @@ public Alignment(Layout.Alignment alignment) {
       mAlignment = alignment;
     }
   }
+
+  private static class Font {
+    public int color;
+
+    public Font(int color) {
+      this.color = color;
+    }
+  }
+
+  private static void startFont(Editable text, @Nullable Attributes attributes) {
+    if (attributes == null) {
+      return;
+    }
+
+    int color = parseCssColor(attributes.getValue("", "color"));
+
+    start(text, new Font(color));
+  }
+
+  private static void endFont(Editable text, HtmlStyle style) {
+    Font font = getLast(text, Font.class);
+
+    if (font == null) {
+      return;
+    }
+
+    setSpanFromMark(text, font, new EnrichedColoredSpan(style, font.color));
+  }
+
+  private static int parseCssColor(String css) {
+    if (css == null) return Color.BLACK;
+
+    css = css.trim();
+
+    try {
+      return Color.parseColor(css);
+    } catch (Exception ignore) {
+    }
+
+    if (css.startsWith("rgb(")) {
+      String[] parts = css.substring(4, css.length() - 1).split(",");
+      int r = Integer.parseInt(parts[0].trim());
+      int g = Integer.parseInt(parts[1].trim());
+      int b = Integer.parseInt(parts[2].trim());
+      return Color.rgb(r, g, b);
+    }
+
+    if (css.startsWith("rgba(")) {
+      String[] parts = css.substring(5, css.length() - 1).split(",");
+      int r = Integer.parseInt(parts[0].trim());
+      int g = Integer.parseInt(parts[1].trim());
+      int b = Integer.parseInt(parts[2].trim());
+      float a = Float.parseFloat(parts[3].trim());
+      return Color.argb((int) (a * 255), r, g, b);
+    }
+
+    return Color.BLACK;
+  }
 }
diff --git a/android/src/main/java/com/swmansion/enriched/utils/EnrichedSelection.kt b/android/src/main/java/com/swmansion/enriched/utils/EnrichedSelection.kt
index 4d36459a4..f77771c4b 100644
--- a/android/src/main/java/com/swmansion/enriched/utils/EnrichedSelection.kt
+++ b/android/src/main/java/com/swmansion/enriched/utils/EnrichedSelection.kt
@@ -8,6 +8,7 @@ import com.swmansion.enriched.EnrichedTextInputView
 import com.swmansion.enriched.events.OnChangeSelectionEvent
 import com.swmansion.enriched.events.OnLinkDetectedEvent
 import com.swmansion.enriched.events.OnMentionDetectedEvent
+import com.swmansion.enriched.spans.EnrichedColoredSpan
 import com.swmansion.enriched.spans.EnrichedLinkSpan
 import com.swmansion.enriched.spans.EnrichedMentionSpan
 import com.swmansion.enriched.spans.EnrichedSpans
@@ -125,6 +126,9 @@ class EnrichedSelection(
       if (start == end && start == spanStart) {
         styleStart = null
       } else if (start >= spanStart && end <= spanEnd) {
+        if (span is EnrichedColoredSpan) {
+          view.spanState?.setTypingColor(span.color)
+        }
         styleStart = spanStart
       }
     }
diff --git a/android/src/main/java/com/swmansion/enriched/utils/EnrichedSpanState.kt b/android/src/main/java/com/swmansion/enriched/utils/EnrichedSpanState.kt
index ef72537b0..6cc7374ab 100644
--- a/android/src/main/java/com/swmansion/enriched/utils/EnrichedSpanState.kt
+++ b/android/src/main/java/com/swmansion/enriched/utils/EnrichedSpanState.kt
@@ -8,6 +8,7 @@ import com.facebook.react.uimanager.events.EventDispatcher
 import com.swmansion.enriched.EnrichedTextInputView
 import com.swmansion.enriched.events.OnChangeStateDeprecatedEvent
 import com.swmansion.enriched.events.OnChangeStateEvent
+import com.swmansion.enriched.events.OnColorChangeEvent
 import com.swmansion.enriched.spans.EnrichedSpans
 
 class EnrichedSpanState(
@@ -15,6 +16,7 @@ class EnrichedSpanState(
 ) {
   private var previousPayload: WritableMap? = null
   private var previousDeprecatedPayload: WritableMap? = null
+  private var previousDispatchedColor: Int? = null
 
   var boldStart: Int? = null
     private set
@@ -52,6 +54,33 @@ class EnrichedSpanState(
     private set
   var mentionStart: Int? = null
     private set
+  var colorStart: Int? = null
+    private set
+  var typingColor: Int? = null
+    private set
+
+  fun setTypingColor(color: Int?) {
+    typingColor = color
+    emitColorChangeEvent(color)
+  }
+
+  fun setColorStart(start: Int?) {
+    if (start == null) {
+      setColorStart(null, null)
+    } else {
+      setColorStart(start, typingColor)
+    }
+  }
+
+  fun setColorStart(
+    start: Int?,
+    color: Int?,
+  ) {
+    colorStart = start
+    typingColor = null
+    emitStateChangeEvent()
+    setTypingColor(color)
+  }
 
   fun setBoldStart(start: Int?) {
     this.boldStart = start
@@ -147,6 +176,7 @@ class EnrichedSpanState(
     val start =
       when (name) {
         EnrichedSpans.BOLD -> boldStart
+        EnrichedSpans.COLOR -> colorStart
         EnrichedSpans.ITALIC -> italicStart
         EnrichedSpans.UNDERLINE -> underlineStart
         EnrichedSpans.STRIKETHROUGH -> strikethroughStart
@@ -176,6 +206,7 @@ class EnrichedSpanState(
   ) {
     when (name) {
       EnrichedSpans.BOLD -> setBoldStart(start)
+      EnrichedSpans.COLOR -> setColorStart(start)
       EnrichedSpans.ITALIC -> setItalicStart(start)
       EnrichedSpans.UNDERLINE -> setUnderlineStart(start)
       EnrichedSpans.STRIKETHROUGH -> setStrikethroughStart(start)
@@ -196,6 +227,31 @@ class EnrichedSpanState(
     }
   }
 
+  private fun emitColorChangeEvent(color: Int?) {
+    val resolvedColor = color ?: view.currentTextColor
+
+    if (previousDispatchedColor == resolvedColor) {
+      return
+    }
+
+    previousDispatchedColor = resolvedColor
+
+    val colorToDispatch = String.format("#%06X", resolvedColor and 0x00FFFFFF)
+
+    val context = view.context as ReactContext
+    val surfaceId = UIManagerHelper.getSurfaceId(context)
+    val dispatcher = UIManagerHelper.getEventDispatcherForReactTag(context, view.id)
+
+    dispatcher?.dispatchEvent(
+      OnColorChangeEvent(
+        surfaceId,
+        view.id,
+        view.experimentalSynchronousEvents,
+        colorToDispatch,
+      ),
+    )
+  }
+
   private fun emitStateChangeEvent() {
     val context = view.context as ReactContext
     val surfaceId = UIManagerHelper.getSurfaceId(context)
@@ -255,6 +311,7 @@ class EnrichedSpanState(
     val activeStyles =
       listOfNotNull(
         if (boldStart != null) EnrichedSpans.BOLD else null,
+        if (colorStart != null) EnrichedSpans.COLOR else null,
         if (italicStart != null) EnrichedSpans.ITALIC else null,
         if (underlineStart != null) EnrichedSpans.UNDERLINE else null,
         if (strikethroughStart != null) EnrichedSpans.STRIKETHROUGH else null,
@@ -292,6 +349,7 @@ class EnrichedSpanState(
     payload.putMap("link", getStyleState(activeStyles, EnrichedSpans.LINK))
     payload.putMap("image", getStyleState(activeStyles, EnrichedSpans.IMAGE))
     payload.putMap("mention", getStyleState(activeStyles, EnrichedSpans.MENTION))
+    payload.putMap("colored", getStyleState(activeStyles, EnrichedSpans.COLOR))
 
     // Do not emit event if payload is the same
     if (previousPayload == payload) {
diff --git a/apps/example/src/App.tsx b/apps/example/src/App.tsx
index d91708992..60751a391 100644
--- a/apps/example/src/App.tsx
+++ b/apps/example/src/App.tsx
@@ -9,6 +9,7 @@ import {
   type OnChangeStateEvent,
   type OnChangeSelectionEvent,
   type HtmlStyle,
+  type OnChangeColorEvent,
 } from 'react-native-enriched';
 import { useRef, useState } from 'react';
 import { Button } from './components/Button';
@@ -26,6 +27,7 @@ import {
   DEFAULT_IMAGE_WIDTH,
   prepareImageDimensions,
 } from './utils/prepareImageDimensions';
+import { ColorPreview } from './components/ColorPreview';
 
 type StylesState = OnChangeStateEvent;
 
@@ -45,6 +47,7 @@ const DEFAULT_STYLE_STATE = {
 
 const DEFAULT_STYLES: StylesState = {
   bold: DEFAULT_STYLE_STATE,
+  colored: DEFAULT_STYLE_STATE,
   italic: DEFAULT_STYLE_STATE,
   underline: DEFAULT_STYLE_STATE,
   strikeThrough: DEFAULT_STYLE_STATE,
@@ -64,6 +67,8 @@ const DEFAULT_STYLES: StylesState = {
   mention: DEFAULT_STYLE_STATE,
 };
 
+const PRIMARY_COLOR = '#000000';
+
 const DEFAULT_LINK_STATE = {
   text: '',
   url: '',
@@ -94,6 +99,7 @@ export default function App() {
   const [stylesState, setStylesState] = useState<StylesState>(DEFAULT_STYLES);
   const [currentLink, setCurrentLink] =
     useState<CurrentLinkState>(DEFAULT_LINK_STATE);
+  const [selectionColor, setSelectionColor] = useState<string>(PRIMARY_COLOR);
 
   const ref = useRef<EnrichedTextInputInstance>(null);
 
@@ -293,6 +299,14 @@ export default function App() {
     setSelection(sel);
   };
 
+  const handleSelectionColorChange = (e: OnChangeColorEvent) => {
+    setSelectionColor(e.color);
+  };
+
+  const handleRemoveColor = () => {
+    ref.current?.removeColor();
+  };
+
   return (
     <>
       <ScrollView
@@ -315,6 +329,9 @@ export default function App() {
             onChangeText={(e) => handleChangeText(e.nativeEvent)}
             onChangeHtml={(e) => handleChangeHtml(e.nativeEvent)}
             onChangeState={(e) => handleChangeState(e.nativeEvent)}
+            onColorChangeInSelection={(e) =>
+              handleSelectionColorChange(e.nativeEvent)
+            }
             onLinkDetected={handleLinkDetected}
             onMentionDetected={console.log}
             onStartMention={handleStartMention}
@@ -330,6 +347,7 @@ export default function App() {
           <Toolbar
             stylesState={stylesState}
             editorRef={ref}
+            selectionColor={selectionColor}
             onOpenLinkModal={openLinkModal}
             onSelectImage={openImageModal}
           />
@@ -343,8 +361,14 @@ export default function App() {
           onPress={openValueModal}
           style={styles.valueButton}
         />
+        <Button
+          title="Remove color"
+          onPress={handleRemoveColor}
+          style={styles.valueButton}
+        />
         <HtmlSection currentHtml={currentHtml} />
         {DEBUG_SCROLLABLE && <View style={styles.scrollPlaceholder} />}
+        <ColorPreview color={selectionColor} />
       </ScrollView>
       <LinkModal
         isOpen={isLinkModalOpen}
@@ -422,7 +446,7 @@ const htmlStyle: HtmlStyle = {
     backgroundColor: 'yellow',
   },
   a: {
-    color: 'green',
+    color: 'blue',
     textDecorationLine: 'underline',
   },
   mention: {
@@ -492,6 +516,7 @@ const styles = StyleSheet.create({
     fontFamily: 'Nunito-Regular',
     paddingVertical: 12,
     paddingHorizontal: 14,
+    color: PRIMARY_COLOR,
   },
   scrollPlaceholder: {
     marginTop: 24,
diff --git a/apps/example/src/components/ColorPreview.tsx b/apps/example/src/components/ColorPreview.tsx
new file mode 100644
index 000000000..403734185
--- /dev/null
+++ b/apps/example/src/components/ColorPreview.tsx
@@ -0,0 +1,31 @@
+import { StyleSheet, Text, View } from 'react-native';
+import { type FC } from 'react';
+
+type Props = {
+  color: string;
+};
+
+export const ColorPreview: FC<Props> = ({ color }) => {
+  return (
+    <>
+      <View
+        style={[
+          styles.preview,
+          {
+            backgroundColor: color,
+          },
+        ]}
+      />
+      <Text>{color}</Text>
+    </>
+  );
+};
+
+const styles = StyleSheet.create({
+  preview: {
+    marginVertical: 8,
+    width: 40,
+    height: 40,
+    borderRadius: 20,
+  },
+});
diff --git a/apps/example/src/components/Toolbar.tsx b/apps/example/src/components/Toolbar.tsx
index 78335499b..a43b9d9b6 100644
--- a/apps/example/src/components/Toolbar.tsx
+++ b/apps/example/src/components/Toolbar.tsx
@@ -5,6 +5,7 @@ import type {
   EnrichedTextInputInstance,
 } from 'react-native-enriched';
 import type { FC } from 'react';
+import { ToolbarColorButton } from './ToolbarColorButton';
 
 const STYLE_ITEMS = [
   {
@@ -79,6 +80,16 @@ const STYLE_ITEMS = [
     name: 'ordered-list',
     icon: 'list-ol',
   },
+  {
+    name: 'color',
+    value: '#FF0000',
+    text: 'A',
+  },
+  {
+    name: 'color',
+    value: '#E6FF5C',
+    text: 'A',
+  },
 ] as const;
 
 type Item = (typeof STYLE_ITEMS)[number];
@@ -89,6 +100,7 @@ export interface ToolbarProps {
   editorRef?: React.RefObject<EnrichedTextInputInstance | null>;
   onOpenLinkModal: () => void;
   onSelectImage: () => void;
+  selectionColor: string | null;
 }
 
 export const Toolbar: FC<ToolbarProps> = ({
@@ -96,6 +108,7 @@ export const Toolbar: FC<ToolbarProps> = ({
   editorRef,
   onOpenLinkModal,
   onSelectImage,
+  selectionColor,
 }) => {
   const handlePress = (item: Item) => {
     const currentRef = editorRef?.current;
@@ -202,6 +215,10 @@ export const Toolbar: FC<ToolbarProps> = ({
     }
   };
 
+  const handleColorButtonPress = (color: string) => {
+    editorRef?.current?.setColor(color);
+  };
+
   const isActive = (item: Item) => {
     switch (item.name) {
       case 'bold':
@@ -246,7 +263,14 @@ export const Toolbar: FC<ToolbarProps> = ({
   };
 
   const renderItem = ({ item }: ListRenderItemInfo<Item>) => {
-    return (
+    return item.name === 'color' ? (
+      <ToolbarColorButton
+        onPress={handleColorButtonPress}
+        color={item.value}
+        text={item.text}
+        isActive={stylesState.colored.isActive && selectionColor === item.value}
+      />
+    ) : (
       <ToolbarButton
         {...item}
         isActive={isActive(item)}
@@ -256,7 +280,8 @@ export const Toolbar: FC<ToolbarProps> = ({
     );
   };
 
-  const keyExtractor = (item: Item) => item.name;
+  const keyExtractor = (item: Item) =>
+    item.name === 'color' ? item.value : item.name;
 
   return (
     <FlatList
diff --git a/apps/example/src/components/ToolbarColorButton.tsx b/apps/example/src/components/ToolbarColorButton.tsx
new file mode 100644
index 000000000..c3d604c17
--- /dev/null
+++ b/apps/example/src/components/ToolbarColorButton.tsx
@@ -0,0 +1,45 @@
+import { type FC } from 'react';
+import { Pressable, StyleSheet, Text } from 'react-native';
+
+interface ColorButtonProps {
+  text: string;
+  isActive: boolean;
+  onPress: (color: string) => void;
+  color: string;
+}
+
+export const ToolbarColorButton: FC<ColorButtonProps> = ({
+  text,
+  isActive,
+  onPress,
+  color,
+}) => {
+  const handlePress = () => {
+    onPress(color);
+  };
+
+  return (
+    <Pressable
+      style={[
+        styles.container,
+        { backgroundColor: isActive ? color : 'rgba(0, 26, 114, 0.8)' },
+      ]}
+      onPress={handlePress}
+    >
+      <Text style={[styles.text, !isActive && { color }]}>{text}</Text>
+    </Pressable>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    justifyContent: 'center',
+    alignItems: 'center',
+    width: 56,
+    height: 56,
+  },
+  text: {
+    color: 'white',
+    fontSize: 20,
+  },
+});
diff --git a/ios/EnrichedTextInputView.mm b/ios/EnrichedTextInputView.mm
index 28a806890..8d991bf4c 100644
--- a/ios/EnrichedTextInputView.mm
+++ b/ios/EnrichedTextInputView.mm
@@ -1,4 +1,5 @@
 #import "EnrichedTextInputView.h"
+#import "ColorExtension.h"
 #import "CoreText/CoreText.h"
 #import "LayoutManagerExtension.h"
 #import "ParagraphAttributesUtils.h"
@@ -42,6 +43,7 @@ @implementation EnrichedTextInputView {
   NSRange _recentlyActiveMentionRange;
   NSString *_recentlyEmittedHtml;
   BOOL _emitHtml;
+  NSString *_recentlyEmittedColor;
   UILabel *_placeholderLabel;
   UIColor *_placeholderColor;
   BOOL _emitFocusBlur;
@@ -88,6 +90,7 @@ - (void)setDefaults {
   _recentInputString = @"";
   _recentlyEmittedHtml = @"<html>\n<p></p>\n</html>";
   _emitHtml = NO;
+  _recentlyEmittedColor = nil;
   blockEmitting = NO;
   _emitFocusBlur = YES;
   _emitTextChange = NO;
@@ -104,6 +107,7 @@ - (void)setDefaults {
         [[StrikethroughStyle alloc] initWithInput:self],
     @([InlineCodeStyle getStyleType]) :
         [[InlineCodeStyle alloc] initWithInput:self],
+    @([ColorStyle getStyleType]) : [[ColorStyle alloc] initWithInput:self],
     @([LinkStyle getStyleType]) : [[LinkStyle alloc] initWithInput:self],
     @([MentionStyle getStyleType]) : [[MentionStyle alloc] initWithInput:self],
     @([H1Style getStyleType]) : [[H1Style alloc] initWithInput:self],
@@ -128,12 +132,16 @@ - (void)setDefaults {
     @([ItalicStyle getStyleType]) : @[],
     @([UnderlineStyle getStyleType]) : @[],
     @([StrikethroughStyle getStyleType]) : @[],
-    @([InlineCodeStyle getStyleType]) :
-        @[ @([LinkStyle getStyleType]), @([MentionStyle getStyleType]) ],
+    @([InlineCodeStyle getStyleType]) : @[
+      @([LinkStyle getStyleType]), @([MentionStyle getStyleType]),
+      @([ColorStyle getStyleType])
+    ],
     @([LinkStyle getStyleType]) : @[
       @([InlineCodeStyle getStyleType]), @([LinkStyle getStyleType]),
       @([MentionStyle getStyleType])
     ],
+    @([ColorStyle getStyleType]) :
+        @[ @([InlineCodeStyle getStyleType]), @([MentionStyle getStyleType]) ],
     @([MentionStyle getStyleType]) :
         @[ @([InlineCodeStyle getStyleType]), @([LinkStyle getStyleType]) ],
     @([H1Style getStyleType]) : @[
@@ -197,7 +205,7 @@ - (void)setDefaults {
       @([H3Style getStyleType]), @([H4Style getStyleType]),
       @([H5Style getStyleType]), @([H6Style getStyleType]),
       @([UnorderedListStyle getStyleType]), @([OrderedListStyle getStyleType]),
-      @([CodeBlockStyle getStyleType])
+      @([CodeBlockStyle getStyleType]), @([ColorStyle getStyleType])
     ],
     @([CodeBlockStyle getStyleType]) : @[
       @([H1Style getStyleType]), @([H2Style getStyleType]),
@@ -215,6 +223,7 @@ - (void)setDefaults {
 
   blockingStyles = [@{
     @([BoldStyle getStyleType]) : @[ @([CodeBlockStyle getStyleType]) ],
+    @([ColorStyle getStyleType]) : @[ @([CodeBlockStyle getStyleType]) ],
     @([ItalicStyle getStyleType]) : @[ @([CodeBlockStyle getStyleType]) ],
     @([UnderlineStyle getStyleType]) : @[ @([CodeBlockStyle getStyleType]) ],
     @([StrikethroughStyle getStyleType]) :
@@ -1027,6 +1036,7 @@ - (void)tryUpdatingActiveStyles {
       emitter->onChangeStateDeprecated({
           .isBold = [self isStyleActive:[BoldStyle getStyleType]],
           .isItalic = [self isStyleActive:[ItalicStyle getStyleType]],
+          .isColored = [self isStyleActive:[ColorStyle getStyleType]],
           .isUnderline = [self isStyleActive:[UnderlineStyle getStyleType]],
           .isStrikeThrough =
               [self isStyleActive:[StrikethroughStyle getStyleType]],
@@ -1048,6 +1058,7 @@ - (void)tryUpdatingActiveStyles {
       });
       emitter->onChangeState(
           {.bold = GET_STYLE_STATE([BoldStyle getStyleType]),
+           .colored = GET_STYLE_STATE([ColorStyle getStyleType]),
            .italic = GET_STYLE_STATE([ItalicStyle getStyleType]),
            .underline = GET_STYLE_STATE([UnderlineStyle getStyleType]),
            .strikeThrough = GET_STYLE_STATE([StrikethroughStyle getStyleType]),
@@ -1084,7 +1095,7 @@ - (void)tryUpdatingActiveStyles {
     _recentlyActiveMentionParams = detectedMentionParams;
     _recentlyActiveMentionRange = detectedMentionRange;
   }
-
+  [self emitCurrentSelectionColorIfChanged];
   // emit onChangeHtml event if needed
   [self tryEmittingOnChangeHtmlEvent];
 }
@@ -1143,6 +1154,11 @@ - (void)handleCommand:(const NSString *)commandName args:(const NSArray *)args {
     [self toggleRegularStyle:[UnderlineStyle getStyleType]];
   } else if ([commandName isEqualToString:@"toggleStrikeThrough"]) {
     [self toggleRegularStyle:[StrikethroughStyle getStyleType]];
+  } else if ([commandName isEqualToString:@"setColor"]) {
+    NSString *colorText = (NSString *)args[0];
+    [self setColor:colorText];
+  } else if ([commandName isEqualToString:@"removeColor"]) {
+    [self removeColor];
   } else if ([commandName isEqualToString:@"toggleInlineCode"]) {
     [self toggleRegularStyle:[InlineCodeStyle getStyleType]];
   } else if ([commandName isEqualToString:@"addLink"]) {
@@ -1282,6 +1298,51 @@ - (void)emitOnLinkDetectedEvent:(NSString *)text
   }
 }
 
+- (void)emitCurrentSelectionColorIfChanged {
+  NSRange selRange = textView.selectedRange;
+  UIColor *uniformColor = nil;
+
+  if (selRange.length == 0) {
+    id colorAttr = textView.typingAttributes[NSForegroundColorAttributeName];
+    uniformColor = colorAttr ? (UIColor *)colorAttr : [config primaryColor];
+  } else {
+    // Selection range: check for uniform color
+    __block UIColor *firstColor = nil;
+    __block BOOL hasMultiple = NO;
+
+    [textView.textStorage
+        enumerateAttribute:NSForegroundColorAttributeName
+                   inRange:selRange
+                   options:0
+                usingBlock:^(id _Nullable value, NSRange range,
+                             BOOL *_Nonnull stop) {
+                  UIColor *thisColor =
+                      value ? (UIColor *)value : [config primaryColor];
+                  if (firstColor == nil) {
+                    firstColor = thisColor;
+                  } else if (![firstColor isEqual:thisColor]) {
+                    hasMultiple = YES;
+                    *stop = YES;
+                  }
+                }];
+
+    if (!hasMultiple && firstColor != nil) {
+      uniformColor = firstColor;
+    }
+  }
+
+  NSString *hexColor =
+      uniformColor ? [uniformColor hexString] : [config.primaryColor hexString];
+
+  if (![_recentlyEmittedColor isEqual:hexColor]) {
+    auto emitter = [self getEventEmitter];
+    if (emitter != nullptr) {
+      emitter->onColorChangeInSelection({.color = [hexColor toCppString]});
+    }
+    _recentlyEmittedColor = hexColor;
+  }
+}
+
 - (void)emitOnMentionDetectedEvent:(NSString *)text
                          indicator:(NSString *)indicator
                         attributes:(NSString *)attributes {
@@ -1341,6 +1402,20 @@ - (void)requestHTML:(NSInteger)requestId {
 
 // MARK: - Styles manipulation
 
+- (void)setColor:(NSString *)colorText {
+  ColorStyle *colorStyle = stylesDict[@(Colored)];
+  UIColor *color = [UIColor colorFromString:colorText];
+
+  [colorStyle applyStyle:textView.selectedRange color:color];
+  [self anyTextMayHaveBeenModified];
+}
+
+- (void)removeColor {
+  ColorStyle *colorStyle = stylesDict[@(Colored)];
+  [colorStyle removeColorInSelectedRange];
+  [self anyTextMayHaveBeenModified];
+}
+
 - (void)toggleRegularStyle:(StyleType)type {
   id<BaseStyleProtocol> styleClass = stylesDict[@(type)];
 
@@ -1721,6 +1796,7 @@ - (void)textViewDidBeginEditing:(UITextView *)textView {
          .end = static_cast<int>(textView.selectedRange.location +
                                  textView.selectedRange.length),
          .text = [textAtSelection toCppString]});
+    [self emitCurrentSelectionColorIfChanged];
   }
   // manage selection changes since textViewDidChangeSelection sometimes doesn't
   // run on focus
diff --git a/ios/inputParser/InputParser.mm b/ios/inputParser/InputParser.mm
index d6e96afd5..0a3885258 100644
--- a/ios/inputParser/InputParser.mm
+++ b/ios/inputParser/InputParser.mm
@@ -1,4 +1,5 @@
 #import "InputParser.h"
+#import "ColorExtension.h"
 #import "EnrichedTextInputView.h"
 #import "StringExtension.h"
 #import "StyleHeaders.h"
@@ -35,6 +36,9 @@ - (NSString *)parseToHtmlFromRange:(NSRange)range {
   BOOL inCodeBlock = NO;
   unichar lastCharacter = 0;
 
+  // Track current values for valued styles
+  UIColor *previousColor = nil;
+
   for (int i = 0; i < text.length; i++) {
     NSRange currentRange = NSMakeRange(offset + i, 1);
     NSMutableSet<NSNumber *> *currentActiveStyles =
@@ -56,6 +60,32 @@ - (NSString *)parseToHtmlFromRange:(NSRange)range {
       }
     }
 
+    UIColor *currentColor = nil;
+
+    if ([currentActiveStyles containsObject:@(Colored)]) {
+      ColorStyle *colorStyle = _input->stylesDict[@(Colored)];
+      currentColor = [colorStyle getColorAt:currentRange.location];
+      // If the end of one color overlaps exactly with the start of the next
+      // the previous font tag should be closed and a new one opened using the
+      // new color.
+      if (previousColor && ![currentColor isEqual:previousColor]) {
+        NSString *closeTag = [self tagContentForStyle:@(Colored)
+                                           openingTag:NO
+                                             location:currentRange.location];
+        [result appendFormat:@"</%@>", closeTag];
+        NSString *openTag = [self tagContentForStyle:@(Colored)
+                                          openingTag:YES
+                                            location:currentRange.location];
+        [result appendFormat:@"<%@>", openTag];
+        NSString *currentCharacterStr = [_input->textView.textStorage.string
+            substringWithRange:currentRange];
+        [result appendString:currentCharacterStr];
+        previousColor = currentColor;
+        [currentActiveStyles addObject:@(Colored)];
+        continue;
+      }
+    }
+
     NSString *currentCharacterStr =
         [_input->textView.textStorage.string substringWithRange:currentRange];
     unichar currentCharacterChar = [_input->textView.textStorage.string
@@ -153,8 +183,9 @@ - (NSString *)parseToHtmlFromRange:(NSRange)range {
         }
       }
 
-      // clear the previous styles
+      // clear the previous styles and valued trackers
       previousActiveStyles = [[NSSet<NSNumber *> alloc] init];
+      previousColor = nil;
 
       // next character opens new paragraph
       newLine = YES;
@@ -247,7 +278,7 @@ - (NSString *)parseToHtmlFromRange:(NSRange)range {
           [previousActiveStyles mutableCopy];
       [endedStyles minusSet:currentActiveStyles];
 
-      // also finish styles that should be ended becasue they are nested in a
+      // also finish styles that should be ended because they are nested in a
       // style that ended
       NSMutableSet *fixedEndedStyles = [endedStyles mutableCopy];
       NSMutableSet *stylesToBeReAdded = [[NSMutableSet alloc] init];
@@ -341,6 +372,8 @@ - (NSString *)parseToHtmlFromRange:(NSRange)range {
 
       // save current styles for next character's checks
       previousActiveStyles = currentActiveStyles;
+
+      previousColor = currentColor;
     }
 
     // set last character
@@ -467,6 +500,17 @@ - (NSString *)tagContentForStyle:(NSNumber *)style
     return @"u";
   } else if ([style isEqualToNumber:@([StrikethroughStyle getStyleType])]) {
     return @"s";
+  } else if ([style isEqualToNumber:@([ColorStyle getStyleType])]) {
+    if (openingTag) {
+      ColorStyle *colorSpan = _input->stylesDict[@([ColorStyle getStyleType])];
+      UIColor *color = [colorSpan getColorAt:location];
+      if (color) {
+        NSString *hex = [color hexString];
+        return [NSString stringWithFormat:@"font color=\"%@\"", hex];
+      };
+    } else {
+      return @"font";
+    }
   } else if ([style isEqualToNumber:@([InlineCodeStyle getStyleType])]) {
     return @"code";
   } else if ([style isEqualToNumber:@([LinkStyle getStyleType])]) {
@@ -634,6 +678,9 @@ - (void)applyProcessedStyles:(NSArray *)processedStyles
         [((ImageStyle *)baseStyle) addImageAtRange:styleRange
                                          imageData:imgData
                                      withSelection:NO];
+      } else if ([styleType isEqualToNumber:@([ColorStyle getStyleType])]) {
+        UIColor *color = (UIColor *)stylePair.styleValue;
+        [((ColorStyle *)baseStyle) applyStyle:styleRange color:color];
       } else {
         BOOL shouldAddTypingAttr =
             styleRange.location + styleRange.length == plainTextLength;
@@ -1187,6 +1234,30 @@ - (NSArray *)getTextAndStylesFromHtml:(NSString *)fixedHtml {
       [styleArr addObject:@([UnderlineStyle getStyleType])];
     } else if ([tagName isEqualToString:@"s"]) {
       [styleArr addObject:@([StrikethroughStyle getStyleType])];
+    } else if ([tagName isEqualToString:@"font"]) {
+      [styleArr addObject:@([ColorStyle getStyleType])];
+
+      NSString *pattern = @"color=\"([^\"]+)\"";
+      NSRegularExpression *regex =
+          [NSRegularExpression regularExpressionWithPattern:pattern
+                                                    options:0
+                                                      error:nil];
+      NSTextCheckingResult *match =
+          [regex firstMatchInString:params
+                            options:0
+                              range:NSMakeRange(0, params.length)];
+
+      if (match.numberOfRanges == 2) {
+        NSString *colorString =
+            [params substringWithRange:[match rangeAtIndex:1]];
+
+        UIColor *color = [UIColor colorFromString:colorString];
+        if (color == nil) {
+          continue;
+        }
+
+        stylePair.styleValue = color;
+      }
     } else if ([tagName isEqualToString:@"code"]) {
       [styleArr addObject:@([InlineCodeStyle getStyleType])];
     } else if ([tagName isEqualToString:@"a"]) {
diff --git a/ios/styles/BlockQuoteStyle.mm b/ios/styles/BlockQuoteStyle.mm
index f8d039cd9..12da2a584 100644
--- a/ios/styles/BlockQuoteStyle.mm
+++ b/ios/styles/BlockQuoteStyle.mm
@@ -18,6 +18,10 @@ + (BOOL)isParagraphStyle {
   return YES;
 }
 
++ (NSAttributedStringKey)attributeKey {
+  return NSParagraphStyleAttributeName;
+}
+
 - (instancetype)initWithInput:(id)input {
   self = [super init];
   _input = (EnrichedTextInputView *)input;
@@ -186,7 +190,7 @@ - (BOOL)handleBackspaceInRange:(NSRange)range replacementText:(NSString *)text {
   return NO;
 }
 
-- (BOOL)styleCondition:(id _Nullable)value:(NSRange)range {
+- (BOOL)styleCondition:(id _Nullable)value range:(NSRange)range {
   NSParagraphStyle *pStyle = (NSParagraphStyle *)value;
   return pStyle != nullptr && pStyle.headIndent == [self getHeadIndent] &&
          pStyle.firstLineHeadIndent == [self getHeadIndent] &&
@@ -199,7 +203,7 @@ - (BOOL)detectStyle:(NSRange)range {
                         withInput:_input
                           inRange:range
                     withCondition:^BOOL(id _Nullable value, NSRange range) {
-                      return [self styleCondition:value:range];
+                      return [self styleCondition:value range:range];
                     }];
   } else {
     return [OccurenceUtils detect:NSParagraphStyleAttributeName
@@ -207,7 +211,7 @@ - (BOOL)detectStyle:(NSRange)range {
                           atIndex:range.location
                     checkPrevious:YES
                     withCondition:^BOOL(id _Nullable value, NSRange range) {
-                      return [self styleCondition:value:range];
+                      return [self styleCondition:value range:range];
                     }];
   }
 }
@@ -217,7 +221,7 @@ - (BOOL)anyOccurence:(NSRange)range {
                    withInput:_input
                      inRange:range
                withCondition:^BOOL(id _Nullable value, NSRange range) {
-                 return [self styleCondition:value:range];
+                 return [self styleCondition:value range:range];
                }];
 }
 
@@ -226,7 +230,7 @@ - (BOOL)anyOccurence:(NSRange)range {
                    withInput:_input
                      inRange:range
                withCondition:^BOOL(id _Nullable value, NSRange range) {
-                 return [self styleCondition:value:range];
+                 return [self styleCondition:value range:range];
                }];
 }
 
diff --git a/ios/styles/BoldStyle.mm b/ios/styles/BoldStyle.mm
index 1afe0d609..127449117 100644
--- a/ios/styles/BoldStyle.mm
+++ b/ios/styles/BoldStyle.mm
@@ -15,6 +15,10 @@ + (BOOL)isParagraphStyle {
   return NO;
 }
 
++ (NSAttributedStringKey)attributeKey {
+  return NSFontAttributeName;
+}
+
 - (instancetype)initWithInput:(id)input {
   self = [super init];
   _input = (EnrichedTextInputView *)input;
@@ -123,7 +127,7 @@ - (BOOL)boldHeadingConflictsInRange:(NSRange)range type:(StyleType)type {
                           : [headingStyle detectStyle:range];
 }
 
-- (BOOL)styleCondition:(id _Nullable)value:(NSRange)range {
+- (BOOL)styleCondition:(id _Nullable)value range:(NSRange)range {
   UIFont *font = (UIFont *)value;
   return font != nullptr && [font isBold] &&
          ![self boldHeadingConflictsInRange:range type:H1] &&
@@ -140,7 +144,7 @@ - (BOOL)detectStyle:(NSRange)range {
                         withInput:_input
                           inRange:range
                     withCondition:^BOOL(id _Nullable value, NSRange range) {
-                      return [self styleCondition:value:range];
+                      return [self styleCondition:value range:range];
                     }];
   } else {
     return [OccurenceUtils detect:NSFontAttributeName
@@ -148,7 +152,7 @@ - (BOOL)detectStyle:(NSRange)range {
                           atIndex:range.location
                     checkPrevious:NO
                     withCondition:^BOOL(id _Nullable value, NSRange range) {
-                      return [self styleCondition:value:range];
+                      return [self styleCondition:value range:range];
                     }];
   }
 }
@@ -158,7 +162,7 @@ - (BOOL)anyOccurence:(NSRange)range {
                    withInput:_input
                      inRange:range
                withCondition:^BOOL(id _Nullable value, NSRange range) {
-                 return [self styleCondition:value:range];
+                 return [self styleCondition:value range:range];
                }];
 }
 
@@ -167,7 +171,7 @@ - (BOOL)anyOccurence:(NSRange)range {
                    withInput:_input
                      inRange:range
                withCondition:^BOOL(id _Nullable value, NSRange range) {
-                 return [self styleCondition:value:range];
+                 return [self styleCondition:value range:range];
                }];
 }
 
diff --git a/ios/styles/CodeBlockStyle.mm b/ios/styles/CodeBlockStyle.mm
index 1f5aa9976..05c9dd6f0 100644
--- a/ios/styles/CodeBlockStyle.mm
+++ b/ios/styles/CodeBlockStyle.mm
@@ -15,6 +15,10 @@ + (StyleType)getStyleType {
   return CodeBlock;
 }
 
++ (NSAttributedStringKey)attributeKey {
+  return NSParagraphStyleAttributeName;
+}
+
 + (BOOL)isParagraphStyle {
   return YES;
 }
@@ -177,7 +181,7 @@ - (BOOL)handleBackspaceInRange:(NSRange)range replacementText:(NSString *)text {
   return NO;
 }
 
-- (BOOL)styleCondition:(id _Nullable)value:(NSRange)range {
+- (BOOL)styleCondition:(id _Nullable)value range:(NSRange)range {
   NSParagraphStyle *paragraph = (NSParagraphStyle *)value;
   return paragraph != nullptr && paragraph.textLists.count == 1 &&
          [paragraph.textLists.firstObject.markerFormat
@@ -190,7 +194,7 @@ - (BOOL)detectStyle:(NSRange)range {
                         withInput:_input
                           inRange:range
                     withCondition:^BOOL(id _Nullable value, NSRange range) {
-                      return [self styleCondition:value:range];
+                      return [self styleCondition:value range:range];
                     }];
   } else {
     return [OccurenceUtils detect:NSParagraphStyleAttributeName
@@ -198,7 +202,7 @@ - (BOOL)detectStyle:(NSRange)range {
                           atIndex:range.location
                     checkPrevious:YES
                     withCondition:^BOOL(id _Nullable value, NSRange range) {
-                      return [self styleCondition:value:range];
+                      return [self styleCondition:value range:range];
                     }];
   }
 }
@@ -208,7 +212,7 @@ - (BOOL)anyOccurence:(NSRange)range {
                    withInput:_input
                      inRange:range
                withCondition:^BOOL(id _Nullable value, NSRange range) {
-                 return [self styleCondition:value:range];
+                 return [self styleCondition:value range:range];
                }];
 }
 
@@ -217,7 +221,7 @@ - (BOOL)anyOccurence:(NSRange)range {
                    withInput:_input
                      inRange:range
                withCondition:^BOOL(id _Nullable value, NSRange range) {
-                 return [self styleCondition:value:range];
+                 return [self styleCondition:value range:range];
                }];
 }
 
diff --git a/ios/styles/ColorStyle.mm b/ios/styles/ColorStyle.mm
new file mode 100644
index 000000000..1e5c77854
--- /dev/null
+++ b/ios/styles/ColorStyle.mm
@@ -0,0 +1,372 @@
+#import "ColorExtension.h"
+#import "EnrichedTextInputView.h"
+#import "FontExtension.h"
+#import "OccurenceUtils.h"
+#import "StyleHeaders.h"
+#import "StyleTypeEnum.h"
+
+@implementation ColorStyle {
+  EnrichedTextInputView *_input;
+}
+
+- (NSArray<NSNumber *> *)coloredStyleTypes {
+  static NSArray<NSNumber *> *types = nil;
+  static dispatch_once_t onceToken;
+  dispatch_once(&onceToken, ^{
+    types = @[
+      @(Link),
+      @(InlineCode),
+      @(BlockQuote),
+      @(CodeBlock),
+      @(Mention),
+    ];
+  });
+  return types;
+}
+
++ (StyleType)getStyleType {
+  return Colored;
+}
+
++ (NSAttributedStringKey)attributeKey {
+  return NSForegroundColorAttributeName;
+}
+
++ (BOOL)isParagraphStyle {
+  return NO;
+}
+
+- (instancetype)initWithInput:(id)input {
+  self = [super init];
+  _input = (EnrichedTextInputView *)input;
+  return self;
+}
+
+- (void)applyStyle:(NSRange)range {
+}
+
++ (NSDictionary *)getParametersFromValue:(id)value {
+  UIColor *color = value;
+
+  return @{
+    @"color" : [color hexString],
+  };
+}
+
+- (void)applyStyle:(NSRange)range color:(UIColor *)color {
+  BOOL isStylePresent = [self detectStyle:range color:color];
+
+  if (range.length >= 1) {
+    isStylePresent ? [self removeAttributes:range]
+                   : [self addAttributes:range color:color];
+  } else {
+    isStylePresent ? [self removeTypingAttributes]
+                   : [self addTypingAttributes:color];
+  }
+}
+
+#pragma mark - Add attributes
+
+- (void)addAttributes:(NSRange)range color:(UIColor *)color {
+  if (color == nil)
+    return;
+  [_input->textView.textStorage beginEditing];
+  [_input->textView.textStorage addAttributes:@{
+    NSForegroundColorAttributeName : color,
+    NSUnderlineColorAttributeName : color,
+    NSStrikethroughColorAttributeName : color
+  }
+                                        range:range];
+  [_input->textView.textStorage endEditing];
+  _color = color;
+}
+
+- (void)addTypingAttributes {
+}
+
+- (void)addTypingAttributes:(UIColor *)color {
+  NSMutableDictionary *newTypingAttrs =
+      [_input->textView.typingAttributes mutableCopy];
+  newTypingAttrs[NSForegroundColorAttributeName] = color;
+  newTypingAttrs[NSUnderlineColorAttributeName] = color;
+  newTypingAttrs[NSStrikethroughColorAttributeName] = color;
+  _input->textView.typingAttributes = newTypingAttrs;
+}
+
+#pragma mark - Remove attributes
+
+- (void)removeAttributes:(NSRange)range {
+  NSTextStorage *textStorage = _input->textView.textStorage;
+  if (range.length == 0)
+    return;
+
+  NSUInteger len = textStorage.length;
+  if (range.location >= len)
+    return;
+
+  NSUInteger max = MIN(NSMaxRange(range), len);
+
+  [textStorage beginEditing];
+
+  for (NSUInteger i = range.location; i < max; i++) {
+    UIColor *restoreColor = [self originalColorAtIndex:i];
+    NSDictionary *newAttributes = @{
+      NSForegroundColorAttributeName : restoreColor,
+      NSUnderlineColorAttributeName : restoreColor,
+      NSForegroundColorAttributeName : restoreColor,
+    };
+    [textStorage addAttributes:newAttributes range:NSMakeRange(i, 1)];
+  }
+
+  [textStorage endEditing];
+}
+
+- (void)removeTypingAttributes {
+  NSMutableDictionary *newTypingAttrs =
+      [_input->textView.typingAttributes mutableCopy];
+  NSRange selectedRange = _input->textView.selectedRange;
+  NSUInteger location = selectedRange.location;
+
+  UIColor *baseColor = [self originalColorAtIndex:location];
+
+  newTypingAttrs[NSForegroundColorAttributeName] = baseColor;
+  newTypingAttrs[NSUnderlineColorAttributeName] = baseColor;
+  newTypingAttrs[NSStrikethroughColorAttributeName] = baseColor;
+  _input->textView.typingAttributes = newTypingAttrs;
+}
+
+#pragma mark - Main detection entry
+- (BOOL)styleConditionWithAttributes:(NSDictionary *)attrs
+                               range:(NSRange)range {
+  UIColor *color = attrs[NSForegroundColorAttributeName];
+  if (!color)
+    return NO;
+
+  if (color == _input->config.primaryColor)
+    return NO;
+
+  return ![self isColorUsedByAnotherStyle:color attributes:attrs range:range];
+}
+
+- (BOOL)styleCondition:(id)value range:(NSRange)range {
+  if (!value)
+    return NO;
+
+  NSTextStorage *ts = _input->textView.textStorage;
+  NSUInteger len = ts.length;
+
+  NSDictionary *attrs;
+  if (range.length == 0 || range.location >= len) {
+    attrs = _input->textView.typingAttributes;
+  } else {
+    NSUInteger loc = MIN(range.location, len - 1);
+    attrs = [ts attributesAtIndex:loc effectiveRange:nil];
+  }
+
+  return [self styleConditionWithAttributes:attrs range:range];
+}
+
+- (BOOL)detectStyle:(NSRange)range {
+  if (range.length >= 1) {
+    return [OccurenceUtils detect:NSForegroundColorAttributeName
+                        withInput:_input
+                          inRange:range
+                    withCondition:^BOOL(id _Nullable value, NSRange range) {
+                      return [self styleCondition:value range:range];
+                    }];
+  } else {
+    id value =
+        _input->textView.typingAttributes[NSForegroundColorAttributeName];
+    return [self styleCondition:value range:range];
+  }
+}
+
+- (BOOL)detectStyle:(NSRange)range color:(UIColor *)color {
+  if (range.length >= 1) {
+    return [OccurenceUtils detect:NSForegroundColorAttributeName
+                        withInput:_input
+                          inRange:range
+                    withCondition:^BOOL(id _Nullable value, NSRange range) {
+                      return [(UIColor *)value isEqualToColor:color] &&
+                             [self styleCondition:value range:range];
+                    }];
+  } else {
+    return [OccurenceUtils detect:NSForegroundColorAttributeName
+                        withInput:_input
+                          atIndex:range.location
+                    checkPrevious:NO
+                    withCondition:^BOOL(id _Nullable value, NSRange range) {
+                      return [(UIColor *)value isEqualToColor:color] &&
+                             [self styleCondition:value range:range];
+                    }];
+  }
+}
+
+- (BOOL)anyOccurence:(NSRange)range {
+  return [OccurenceUtils any:NSForegroundColorAttributeName
+                   withInput:_input
+                     inRange:range
+               withCondition:^BOOL(id _Nullable value, NSRange range) {
+                 return [self styleCondition:value range:range];
+               }];
+}
+
+- (NSArray<StylePair *> *_Nullable)findAllOccurences:(NSRange)range {
+  return [OccurenceUtils all:NSForegroundColorAttributeName
+                   withInput:_input
+                     inRange:range
+               withCondition:^BOOL(id _Nullable value, NSRange range) {
+                 return [self styleCondition:value range:range];
+               }];
+}
+
+- (void)addAttributes:(NSRange)range withTypingAttr:(BOOL)withTypingAttr {
+  [self addAttributes:range];
+}
+
+- (void)addAttributes:(NSRange)range {
+  // no-op
+}
+
+- (UIColor *)getColorAt:(NSUInteger)location {
+  NSRange effectiveRange = NSMakeRange(0, 0);
+  NSRange inputRange = NSMakeRange(0, _input->textView.textStorage.length);
+
+  if (location == _input->textView.textStorage.length) {
+    UIColor *typingColor =
+        _input->textView.typingAttributes[NSForegroundColorAttributeName];
+    return typingColor ?: [_input->config primaryColor];
+  }
+
+  return [_input->textView.textStorage attribute:NSForegroundColorAttributeName
+                                         atIndex:location
+                           longestEffectiveRange:&effectiveRange
+                                         inRange:inputRange];
+}
+
+- (UIColor *)getColorInRange:(NSRange)range {
+  NSUInteger location = range.location;
+  NSUInteger length = range.length;
+
+  NSRange effectiveRange = NSMakeRange(0, 0);
+  NSRange inputRange = NSMakeRange(0, _input->textView.textStorage.length);
+
+  if (location == _input->textView.textStorage.length) {
+    UIColor *typingColor =
+        _input->textView.typingAttributes[NSForegroundColorAttributeName];
+    return typingColor ?: [_input->config primaryColor];
+  }
+
+  NSUInteger queryLocation = location;
+  if (length == 0 && location > 0) {
+    queryLocation = location - 1;
+  }
+
+  UIColor *color =
+      [_input->textView.textStorage attribute:NSForegroundColorAttributeName
+                                      atIndex:queryLocation
+                        longestEffectiveRange:&effectiveRange
+                                      inRange:inputRange];
+
+  return color;
+}
+
+- (UIColor *)naturalColorForAttributes:(NSDictionary *)attrs
+                                 index:(NSUInteger)index {
+  for (NSNumber *num in self.coloredStyleTypes) {
+    UIColor *color = [self colorForStyle:(StyleType)num.integerValue
+                              attributes:attrs
+                                   index:index];
+    if (color)
+      return color;
+  }
+
+  return _input->config.primaryColor;
+}
+
+- (UIColor *)originalColorAtIndex:(NSUInteger)index {
+  NSTextStorage *ts = _input->textView.textStorage;
+  NSUInteger len = ts.length;
+
+  if (len == 0)
+    return _input->config.primaryColor;
+
+  if (index >= len)
+    index = len - 1;
+
+  NSDictionary *attrs = [ts attributesAtIndex:index effectiveRange:nil];
+
+  return [self naturalColorForAttributes:attrs index:index];
+}
+
+- (void)removeColorInSelectedRange {
+  NSRange selectedRange = _input->textView.selectedRange;
+
+  if (selectedRange.length > 0) {
+    [self removeAttributes:selectedRange];
+  } else {
+    [self removeTypingAttributes];
+  }
+}
+
+- (BOOL)isColorUsedByAnotherStyle:(UIColor *)color
+                       attributes:(NSDictionary *)attrs
+                            range:(NSRange)range {
+  NSUInteger index = range.location;
+
+  for (NSNumber *num in self.coloredStyleTypes) {
+    UIColor *styleColor = [self colorForStyle:(StyleType)num.integerValue
+                                   attributes:attrs
+                                        index:index];
+
+    if (styleColor && [styleColor isEqual:color]) {
+      return YES;
+    }
+  }
+
+  return NO;
+}
+
+- (UIColor *)colorForStyle:(StyleType)type
+                attributes:(NSDictionary *)attrs
+                     index:(NSUInteger)index {
+  id<BaseStyleProtocol> style = _input->stylesDict[@(type)];
+  if (!style)
+    return nil;
+
+  NSAttributedStringKey key = [[style class] attributeKey];
+  id attr = attrs[key];
+  if (!attr || ![style styleCondition:attr range:NSMakeRange(index, 0)])
+    return nil;
+
+  InputConfig *config = _input->config;
+
+  switch (type) {
+  case Link:
+    return config.linkColor;
+
+  case InlineCode:
+    return config.inlineCodeFgColor;
+
+  case BlockQuote:
+    return config.blockquoteColor;
+
+  case CodeBlock:
+    return config.codeBlockFgColor;
+
+  case Mention: {
+    MentionParams *params = (MentionParams *)attr;
+    if (!params)
+      return nil;
+
+    MentionStyleProps *props =
+        [config mentionStylePropsForIndicator:params.indicator];
+    return props.color;
+  }
+
+  default:
+    return nil;
+  }
+}
+
+@end
diff --git a/ios/styles/HeadingStyleBase.mm b/ios/styles/HeadingStyleBase.mm
index 24672d3ac..223c0af8e 100644
--- a/ios/styles/HeadingStyleBase.mm
+++ b/ios/styles/HeadingStyleBase.mm
@@ -10,6 +10,9 @@ @implementation HeadingStyleBase
 + (StyleType)getStyleType {
   return None;
 }
++ (NSAttributedStringKey)attributeKey {
+  return NSFontAttributeName;
+}
 - (CGFloat)getHeadingFontSize {
   return 0;
 }
@@ -100,7 +103,7 @@ - (void)removeAttributes:(NSRange)range {
                  options:0
               usingBlock:^(id _Nullable value, NSRange range,
                            BOOL *_Nonnull stop) {
-                if ([self styleCondition:value:range]) {
+                if ([self styleCondition:value range:range]) {
                   UIFont *newFont = [(UIFont *)value
                       setSize:[[[self typedInput]->config scaledPrimaryFontSize]
                                   floatValue]];
@@ -138,11 +141,10 @@ - (void)removeTypingAttributes {
   // there as well
   [self removeAttributes:[self typedInput]->textView.selectedRange];
 }
-
 // when the traits already change, the getHeadginFontSize will return the new
 // font size and no headings would be properly detected, so that's why we have
 // to use the latest applied font size rather than that value.
-- (BOOL)styleCondition:(id _Nullable)value:(NSRange)range {
+- (BOOL)styleCondition:(id _Nullable)value range:(NSRange)range {
   UIFont *font = (UIFont *)value;
   if (font == nullptr) {
     return NO;
@@ -161,7 +163,7 @@ - (BOOL)detectStyle:(NSRange)range {
                         withInput:[self typedInput]
                           inRange:range
                     withCondition:^BOOL(id _Nullable value, NSRange range) {
-                      return [self styleCondition:value:range];
+                      return [self styleCondition:value range:range];
                     }];
   } else {
     return [OccurenceUtils detect:NSFontAttributeName
@@ -169,7 +171,7 @@ - (BOOL)detectStyle:(NSRange)range {
                           atIndex:range.location
                     checkPrevious:YES
                     withCondition:^BOOL(id _Nullable value, NSRange range) {
-                      return [self styleCondition:value:range];
+                      return [self styleCondition:value range:range];
                     }];
   }
 }
@@ -179,7 +181,7 @@ - (BOOL)anyOccurence:(NSRange)range {
                    withInput:[self typedInput]
                      inRange:range
                withCondition:^BOOL(id _Nullable value, NSRange range) {
-                 return [self styleCondition:value:range];
+                 return [self styleCondition:value range:range];
                }];
 }
 
@@ -188,7 +190,7 @@ - (BOOL)anyOccurence:(NSRange)range {
                    withInput:[self typedInput]
                      inRange:range
                withCondition:^BOOL(id _Nullable value, NSRange range) {
-                 return [self styleCondition:value:range];
+                 return [self styleCondition:value range:range];
                }];
 }
 
diff --git a/ios/styles/ImageStyle.mm b/ios/styles/ImageStyle.mm
index 8606fa817..fd3b277b9 100644
--- a/ios/styles/ImageStyle.mm
+++ b/ios/styles/ImageStyle.mm
@@ -20,6 +20,10 @@ + (BOOL)isParagraphStyle {
   return NO;
 }
 
++ (NSAttributedStringKey)attributeKey {
+  return ImageAttributeName;
+}
+
 - (instancetype)initWithInput:(id)input {
   self = [super init];
   _input = (EnrichedTextInputView *)input;
@@ -54,7 +58,7 @@ - (void)removeTypingAttributes {
   _input->textView.typingAttributes = currentAttributes;
 }
 
-- (BOOL)styleCondition:(id _Nullable)value:(NSRange)range {
+- (BOOL)styleCondition:(id _Nullable)value range:(NSRange)range {
   return [value isKindOfClass:[ImageData class]];
 }
 
@@ -63,7 +67,7 @@ - (BOOL)anyOccurence:(NSRange)range {
                    withInput:_input
                      inRange:range
                withCondition:^BOOL(id _Nullable value, NSRange range) {
-                 return [self styleCondition:value:range];
+                 return [self styleCondition:value range:range];
                }];
 }
 
@@ -73,7 +77,7 @@ - (BOOL)detectStyle:(NSRange)range {
                         withInput:_input
                           inRange:range
                     withCondition:^BOOL(id _Nullable value, NSRange range) {
-                      return [self styleCondition:value:range];
+                      return [self styleCondition:value range:range];
                     }];
   } else {
     return [OccurenceUtils detect:ImageAttributeName
@@ -81,7 +85,7 @@ - (BOOL)detectStyle:(NSRange)range {
                           atIndex:range.location
                     checkPrevious:YES
                     withCondition:^BOOL(id _Nullable value, NSRange range) {
-                      return [self styleCondition:value:range];
+                      return [self styleCondition:value range:range];
                     }];
   }
 }
@@ -91,7 +95,7 @@ - (BOOL)detectStyle:(NSRange)range {
                    withInput:_input
                      inRange:range
                withCondition:^BOOL(id _Nullable value, NSRange range) {
-                 return [self styleCondition:value:range];
+                 return [self styleCondition:value range:range];
                }];
 }
 
diff --git a/ios/styles/InlineCodeStyle.mm b/ios/styles/InlineCodeStyle.mm
index 78f5c2fd1..17fa6abb4 100644
--- a/ios/styles/InlineCodeStyle.mm
+++ b/ios/styles/InlineCodeStyle.mm
@@ -17,6 +17,10 @@ + (BOOL)isParagraphStyle {
   return NO;
 }
 
++ (NSAttributedStringKey)attributeKey {
+  return NSBackgroundColorAttributeName;
+}
+
 - (instancetype)initWithInput:(id)input {
   self = [super init];
   _input = (EnrichedTextInputView *)input;
@@ -174,7 +178,7 @@ - (void)handleNewlines {
                                   atIndex:index
                            effectiveRange:nil];
 
-    if (bgColor != nil && [self styleCondition:bgColor:newlineRange]) {
+    if (bgColor != nil && [self styleCondition:bgColor range:newlineRange]) {
       [self removeAttributes:newlineRange];
     }
   }
@@ -182,7 +186,7 @@ - (void)handleNewlines {
 
 // emojis don't retain monospace font attribute so we check for the background
 // color if there is no mention
-- (BOOL)styleCondition:(id _Nullable)value:(NSRange)range {
+- (BOOL)styleCondition:(id _Nullable)value range:(NSRange)range {
   UIColor *bgColor = (UIColor *)value;
   MentionStyle *mStyle = _input->stylesDict[@([MentionStyle getStyleType])];
   return bgColor != nullptr && mStyle != nullptr && ![mStyle detectStyle:range];
@@ -205,7 +209,7 @@ - (BOOL)detectStyle:(NSRange)range {
                        withInput:_input
                          inRange:currentRange
                    withCondition:^BOOL(id _Nullable value, NSRange range) {
-                     return [self styleCondition:value:range];
+                     return [self styleCondition:value range:range];
                    }];
       detected = detected && currentDetected;
     }
@@ -217,7 +221,7 @@ - (BOOL)detectStyle:(NSRange)range {
                           atIndex:range.location
                     checkPrevious:NO
                     withCondition:^BOOL(id _Nullable value, NSRange range) {
-                      return [self styleCondition:value:range];
+                      return [self styleCondition:value range:range];
                     }];
   }
 }
@@ -227,7 +231,7 @@ - (BOOL)anyOccurence:(NSRange)range {
                    withInput:_input
                      inRange:range
                withCondition:^BOOL(id _Nullable value, NSRange range) {
-                 return [self styleCondition:value:range];
+                 return [self styleCondition:value range:range];
                }];
 }
 
@@ -236,7 +240,7 @@ - (BOOL)anyOccurence:(NSRange)range {
                    withInput:_input
                      inRange:range
                withCondition:^BOOL(id _Nullable value, NSRange range) {
-                 return [self styleCondition:value:range];
+                 return [self styleCondition:value range:range];
                }];
 }
 
diff --git a/ios/styles/ItalicStyle.mm b/ios/styles/ItalicStyle.mm
index 82ddf7072..1c12c9484 100644
--- a/ios/styles/ItalicStyle.mm
+++ b/ios/styles/ItalicStyle.mm
@@ -15,6 +15,10 @@ + (BOOL)isParagraphStyle {
   return NO;
 }
 
++ (NSAttributedStringKey)attributeKey {
+  return NSFontAttributeName;
+}
+
 - (instancetype)initWithInput:(id)input {
   self = [super init];
   _input = (EnrichedTextInputView *)input;
@@ -91,7 +95,7 @@ - (void)removeTypingAttributes {
   }
 }
 
-- (BOOL)styleCondition:(id _Nullable)value:(NSRange)range {
+- (BOOL)styleCondition:(id _Nullable)value range:(NSRange)range {
   UIFont *font = (UIFont *)value;
   return font != nullptr && [font isItalic];
 }
@@ -102,7 +106,7 @@ - (BOOL)detectStyle:(NSRange)range {
                         withInput:_input
                           inRange:range
                     withCondition:^BOOL(id _Nullable value, NSRange range) {
-                      return [self styleCondition:value:range];
+                      return [self styleCondition:value range:range];
                     }];
   } else {
     return [OccurenceUtils detect:NSFontAttributeName
@@ -110,7 +114,7 @@ - (BOOL)detectStyle:(NSRange)range {
                           atIndex:range.location
                     checkPrevious:NO
                     withCondition:^BOOL(id _Nullable value, NSRange range) {
-                      return [self styleCondition:value:range];
+                      return [self styleCondition:value range:range];
                     }];
   }
 }
@@ -120,7 +124,7 @@ - (BOOL)anyOccurence:(NSRange)range {
                    withInput:_input
                      inRange:range
                withCondition:^BOOL(id _Nullable value, NSRange range) {
-                 return [self styleCondition:value:range];
+                 return [self styleCondition:value range:range];
                }];
 }
 
@@ -129,7 +133,7 @@ - (BOOL)anyOccurence:(NSRange)range {
                    withInput:_input
                      inRange:range
                withCondition:^BOOL(id _Nullable value, NSRange range) {
-                 return [self styleCondition:value:range];
+                 return [self styleCondition:value range:range];
                }];
 }
 
diff --git a/ios/styles/LinkStyle.mm b/ios/styles/LinkStyle.mm
index 025a8b7f4..e752bbe6e 100644
--- a/ios/styles/LinkStyle.mm
+++ b/ios/styles/LinkStyle.mm
@@ -10,6 +10,8 @@
 static NSString *const ManualLinkAttributeName = @"ManualLinkAttributeName";
 static NSString *const AutomaticLinkAttributeName =
     @"AutomaticLinkAttributeName";
+// custom NSAttributedStringKey to differentiate the link during html creation
+static NSString *const LinkAttributeName = @"LinkAttributeName";
 
 @implementation LinkStyle {
   EnrichedTextInputView *_input;
@@ -66,6 +68,10 @@ + (NSRegularExpression *)bareRegex {
   return regex;
 }
 
++ (NSAttributedStringKey)attributeKey {
+  return LinkAttributeName;
+}
+
 - (instancetype)initWithInput:(id)input {
   self = [super init];
   _input = (EnrichedTextInputView *)input;
@@ -95,6 +101,8 @@ - (void)removeAttributes:(NSRange)range {
                                             range:linkRange];
     [_input->textView.textStorage removeAttribute:AutomaticLinkAttributeName
                                             range:linkRange];
+    [_input->textView.textStorage removeAttribute:LinkAttributeName
+                                            range:linkRange];
     [_input->textView.textStorage addAttribute:NSForegroundColorAttributeName
                                          value:[_input->config primaryColor]
                                          range:linkRange];
@@ -135,6 +143,8 @@ - (void)removeTypingAttributes {
                                           range:linkRange];
   [_input->textView.textStorage removeAttribute:AutomaticLinkAttributeName
                                           range:linkRange];
+  [_input->textView.textStorage removeAttribute:LinkAttributeName
+                                          range:linkRange];
   [_input->textView.textStorage addAttribute:NSForegroundColorAttributeName
                                        value:[_input->config primaryColor]
                                        range:linkRange];
@@ -164,7 +174,7 @@ - (void)removeTypingAttributes {
   _input->textView.typingAttributes = newTypingAttrs;
 }
 
-- (BOOL)styleCondition:(id _Nullable)value:(NSRange)range {
+- (BOOL)styleCondition:(id _Nullable)value range:(NSRange)range {
   NSString *linkValue = (NSString *)value;
   return linkValue != nullptr;
 }
@@ -176,7 +186,7 @@ - (BOOL)detectStyle:(NSRange)range {
              withInput:_input
                inRange:range
          withCondition:^BOOL(id _Nullable value, NSRange range) {
-           return [self styleCondition:value:range];
+           return [self styleCondition:value range:range];
          }];
     return onlyLinks ? [self isSingleLinkIn:range] : NO;
   } else {
@@ -190,7 +200,7 @@ - (BOOL)anyOccurence:(NSRange)range {
           withInput:_input
             inRange:range
       withCondition:^BOOL(id _Nullable value, NSRange range) {
-        return [self styleCondition:value:range];
+        return [self styleCondition:value range:range];
       }];
 }
 
@@ -200,7 +210,7 @@ - (BOOL)anyOccurence:(NSRange)range {
           withInput:_input
             inRange:range
       withCondition:^BOOL(id _Nullable value, NSRange range) {
-        return [self styleCondition:value:range];
+        return [self styleCondition:value range:range];
       }];
 }
 
@@ -222,11 +232,13 @@ - (void)addLink:(NSString *)text
   if ([_input->config linkDecorationLine] == DecorationUnderline) {
     newAttrs[NSUnderlineStyleAttributeName] = @(NSUnderlineStyleSingle);
   }
+  NSString *copiedUrl = [url copy];
   if (manual) {
-    newAttrs[ManualLinkAttributeName] = [url copy];
+    newAttrs[ManualLinkAttributeName] = copiedUrl;
   } else {
-    newAttrs[AutomaticLinkAttributeName] = [url copy];
+    newAttrs[AutomaticLinkAttributeName] = copiedUrl;
   }
+  newAttrs[LinkAttributeName] = copiedUrl;
 
   if (range.length == 0) {
     // insert link
@@ -274,8 +286,7 @@ - (void)addLink:(NSString *)text
 
 // get exact link data at the given location if it exists
 - (LinkData *)getLinkDataAt:(NSUInteger)location {
-  NSRange manualLinkRange = NSMakeRange(0, 0);
-  NSRange automaticLinkRange = NSMakeRange(0, 0);
+  NSRange linkRange = NSMakeRange(0, 0);
   NSRange inputRange = NSMakeRange(0, _input->textView.textStorage.length);
 
   // don't search at the very end of input
@@ -284,26 +295,15 @@ - (LinkData *)getLinkDataAt:(NSUInteger)location {
     return nullptr;
   }
 
-  NSString *manualUrl =
-      [_input->textView.textStorage attribute:ManualLinkAttributeName
-                                      atIndex:searchLocation
-                        longestEffectiveRange:&manualLinkRange
-                                      inRange:inputRange];
-  NSString *automaticUrl =
-      [_input->textView.textStorage attribute:AutomaticLinkAttributeName
-                                      atIndex:searchLocation
-                        longestEffectiveRange:&automaticLinkRange
-                                      inRange:inputRange];
+  NSString *linkUrl = [_input->textView.textStorage attribute:LinkAttributeName
+                                                      atIndex:searchLocation
+                                        longestEffectiveRange:&linkRange
+                                                      inRange:inputRange];
 
-  if ((manualUrl == nullptr && automaticUrl == nullptr) ||
-      (manualLinkRange.length == 0 && automaticLinkRange.length == 0)) {
+  if ((linkUrl == nullptr) || linkRange.length == 0) {
     return nullptr;
   }
 
-  NSString *linkUrl = manualUrl == nullptr ? automaticUrl : manualUrl;
-  NSRange linkRange =
-      manualUrl == nullptr ? automaticLinkRange : manualLinkRange;
-
   LinkData *data = [[LinkData alloc] init];
   data.url = linkUrl;
   data.text =
@@ -568,6 +568,9 @@ - (void)handleManualLinks:(NSString *)word inRange:(NSRange)wordRange {
     [_input->textView.textStorage addAttribute:ManualLinkAttributeName
                                          value:manualLinkMinValue
                                          range:newRange];
+    [_input->textView.textStorage addAttribute:LinkAttributeName
+                                         value:manualLinkMinValue
+                                         range:newRange];
   }
 
   // link typing attributes need to be fixed after these changes
@@ -614,14 +617,14 @@ - (void)removeConnectedLinksIfNeeded:(NSString *)word range:(NSRange)wordRange {
                 withInput:_input
                   inRange:wordRange
             withCondition:^BOOL(id _Nullable value, NSRange range) {
-              return [self styleCondition:value:range];
+              return [self styleCondition:value range:range];
             }];
   BOOL anyManual =
       [OccurenceUtils any:ManualLinkAttributeName
                 withInput:_input
                   inRange:wordRange
             withCondition:^BOOL(id _Nullable value, NSRange range) {
-              return [self styleCondition:value:range];
+              return [self styleCondition:value range:range];
             }];
 
   // both manual and automatic links are somewhere - delete!
@@ -637,7 +640,7 @@ - (void)removeConnectedLinksIfNeeded:(NSString *)word range:(NSRange)wordRange {
            withInput:_input
              inRange:wordRange
        withCondition:^BOOL(id _Nullable value, NSRange range) {
-         return [self styleCondition:value:range];
+         return [self styleCondition:value range:range];
        }];
 
   // only one link might be present!
diff --git a/ios/styles/MentionStyle.mm b/ios/styles/MentionStyle.mm
index a60b687fb..c6792cf9e 100644
--- a/ios/styles/MentionStyle.mm
+++ b/ios/styles/MentionStyle.mm
@@ -24,6 +24,10 @@ + (BOOL)isParagraphStyle {
   return NO;
 }
 
++ (NSAttributedStringKey)attributeKey {
+  return MentionAttributeName;
+}
+
 - (instancetype)initWithInput:(id)input {
   self = [super init];
   _input = (EnrichedTextInputView *)input;
@@ -136,7 +140,7 @@ - (void)removeTypingAttributes {
   _input->textView.typingAttributes = newTypingAttrs;
 }
 
-- (BOOL)styleCondition:(id _Nullable)value:(NSRange)range {
+- (BOOL)styleCondition:(id _Nullable)value range:(NSRange)range {
   MentionParams *params = (MentionParams *)value;
   return params != nullptr;
 }
@@ -147,7 +151,7 @@ - (BOOL)detectStyle:(NSRange)range {
                         withInput:_input
                           inRange:range
                     withCondition:^BOOL(id _Nullable value, NSRange range) {
-                      return [self styleCondition:value:range];
+                      return [self styleCondition:value range:range];
                     }];
   } else {
     return [self getMentionParamsAt:range.location] != nullptr;
@@ -159,7 +163,7 @@ - (BOOL)anyOccurence:(NSRange)range {
                    withInput:_input
                      inRange:range
                withCondition:^BOOL(id _Nullable value, NSRange range) {
-                 return [self styleCondition:value:range];
+                 return [self styleCondition:value range:range];
                }];
 }
 
@@ -168,7 +172,7 @@ - (BOOL)anyOccurence:(NSRange)range {
                    withInput:_input
                      inRange:range
                withCondition:^BOOL(id _Nullable value, NSRange range) {
-                 return [self styleCondition:value:range];
+                 return [self styleCondition:value range:range];
                }];
 }
 
diff --git a/ios/styles/OrderedListStyle.mm b/ios/styles/OrderedListStyle.mm
index d9c918efa..916c660f0 100644
--- a/ios/styles/OrderedListStyle.mm
+++ b/ios/styles/OrderedListStyle.mm
@@ -17,6 +17,10 @@ + (BOOL)isParagraphStyle {
   return YES;
 }
 
++ (NSAttributedStringKey)attributeKey {
+  return NSParagraphStyleAttributeName;
+}
+
 - (CGFloat)getHeadIndent {
   // lists are drawn manually
   // margin before marker + gap between marker and paragraph
@@ -235,7 +239,7 @@ - (BOOL)tryHandlingListShorcutInRange:(NSRange)range
   return NO;
 }
 
-- (BOOL)styleCondition:(id _Nullable)value:(NSRange)range {
+- (BOOL)styleCondition:(id _Nullable)value range:(NSRange)range {
   NSParagraphStyle *paragraph = (NSParagraphStyle *)value;
   return paragraph != nullptr && paragraph.textLists.count == 1 &&
          paragraph.textLists.firstObject.markerFormat ==
@@ -248,7 +252,7 @@ - (BOOL)detectStyle:(NSRange)range {
                         withInput:_input
                           inRange:range
                     withCondition:^BOOL(id _Nullable value, NSRange range) {
-                      return [self styleCondition:value:range];
+                      return [self styleCondition:value range:range];
                     }];
   } else {
     return [OccurenceUtils detect:NSParagraphStyleAttributeName
@@ -256,7 +260,7 @@ - (BOOL)detectStyle:(NSRange)range {
                           atIndex:range.location
                     checkPrevious:YES
                     withCondition:^BOOL(id _Nullable value, NSRange range) {
-                      return [self styleCondition:value:range];
+                      return [self styleCondition:value range:range];
                     }];
   }
 }
@@ -266,7 +270,7 @@ - (BOOL)anyOccurence:(NSRange)range {
                    withInput:_input
                      inRange:range
                withCondition:^BOOL(id _Nullable value, NSRange range) {
-                 return [self styleCondition:value:range];
+                 return [self styleCondition:value range:range];
                }];
 }
 
@@ -275,7 +279,7 @@ - (BOOL)anyOccurence:(NSRange)range {
                    withInput:_input
                      inRange:range
                withCondition:^BOOL(id _Nullable value, NSRange range) {
-                 return [self styleCondition:value:range];
+                 return [self styleCondition:value range:range];
                }];
 }
 
diff --git a/ios/styles/StrikethroughStyle.mm b/ios/styles/StrikethroughStyle.mm
index 9cf96d34a..1fe4538a2 100644
--- a/ios/styles/StrikethroughStyle.mm
+++ b/ios/styles/StrikethroughStyle.mm
@@ -14,6 +14,10 @@ + (BOOL)isParagraphStyle {
   return NO;
 }
 
++ (NSAttributedStringKey)attributeKey {
+  return NSStrikethroughStyleAttributeName;
+}
+
 - (instancetype)initWithInput:(id)input {
   self = [super init];
   _input = (EnrichedTextInputView *)input;
@@ -56,7 +60,7 @@ - (void)removeTypingAttributes {
   _input->textView.typingAttributes = newTypingAttrs;
 }
 
-- (BOOL)styleCondition:(id _Nullable)value:(NSRange)range {
+- (BOOL)styleCondition:(id _Nullable)value range:(NSRange)range {
   NSNumber *strikethroughStyle = (NSNumber *)value;
   return strikethroughStyle != nullptr &&
          [strikethroughStyle intValue] != NSUnderlineStyleNone;
@@ -68,7 +72,7 @@ - (BOOL)detectStyle:(NSRange)range {
                         withInput:_input
                           inRange:range
                     withCondition:^BOOL(id _Nullable value, NSRange range) {
-                      return [self styleCondition:value:range];
+                      return [self styleCondition:value range:range];
                     }];
   } else {
     return [OccurenceUtils detect:NSStrikethroughStyleAttributeName
@@ -76,7 +80,7 @@ - (BOOL)detectStyle:(NSRange)range {
                           atIndex:range.location
                     checkPrevious:NO
                     withCondition:^BOOL(id _Nullable value, NSRange range) {
-                      return [self styleCondition:value:range];
+                      return [self styleCondition:value range:range];
                     }];
   }
 }
@@ -86,7 +90,7 @@ - (BOOL)anyOccurence:(NSRange)range {
                    withInput:_input
                      inRange:range
                withCondition:^BOOL(id _Nullable value, NSRange range) {
-                 return [self styleCondition:value:range];
+                 return [self styleCondition:value range:range];
                }];
 }
 
@@ -95,7 +99,7 @@ - (BOOL)anyOccurence:(NSRange)range {
                    withInput:_input
                      inRange:range
                withCondition:^BOOL(id _Nullable value, NSRange range) {
-                 return [self styleCondition:value:range];
+                 return [self styleCondition:value range:range];
                }];
 }
 
diff --git a/ios/styles/UnderlineStyle.mm b/ios/styles/UnderlineStyle.mm
index 98050475d..38aefc5b2 100644
--- a/ios/styles/UnderlineStyle.mm
+++ b/ios/styles/UnderlineStyle.mm
@@ -14,6 +14,10 @@ + (BOOL)isParagraphStyle {
   return NO;
 }
 
++ (NSAttributedStringKey)attributeKey {
+  return NSUnderlineStyleAttributeName;
+}
+
 - (instancetype)initWithInput:(id)input {
   self = [super init];
   _input = (EnrichedTextInputView *)input;
@@ -91,7 +95,7 @@ - (BOOL)underlinedMentionConflictsInRange:(NSRange)range {
   return conflicted;
 }
 
-- (BOOL)styleCondition:(id _Nullable)value:(NSRange)range {
+- (BOOL)styleCondition:(id _Nullable)value range:(NSRange)range {
   NSNumber *underlineStyle = (NSNumber *)value;
   return underlineStyle != nullptr &&
          [underlineStyle intValue] != NSUnderlineStyleNone &&
@@ -105,7 +109,7 @@ - (BOOL)detectStyle:(NSRange)range {
                         withInput:_input
                           inRange:range
                     withCondition:^BOOL(id _Nullable value, NSRange range) {
-                      return [self styleCondition:value:range];
+                      return [self styleCondition:value range:range];
                     }];
   } else {
     return [OccurenceUtils detect:NSUnderlineStyleAttributeName
@@ -113,7 +117,7 @@ - (BOOL)detectStyle:(NSRange)range {
                           atIndex:range.location
                     checkPrevious:NO
                     withCondition:^BOOL(id _Nullable value, NSRange range) {
-                      return [self styleCondition:value:range];
+                      return [self styleCondition:value range:range];
                     }];
   }
 }
@@ -123,7 +127,7 @@ - (BOOL)anyOccurence:(NSRange)range {
                    withInput:_input
                      inRange:range
                withCondition:^BOOL(id _Nullable value, NSRange range) {
-                 return [self styleCondition:value:range];
+                 return [self styleCondition:value range:range];
                }];
 }
 
@@ -132,7 +136,7 @@ - (BOOL)anyOccurence:(NSRange)range {
                    withInput:_input
                      inRange:range
                withCondition:^BOOL(id _Nullable value, NSRange range) {
-                 return [self styleCondition:value:range];
+                 return [self styleCondition:value range:range];
                }];
 }
 
diff --git a/ios/styles/UnorderedListStyle.mm b/ios/styles/UnorderedListStyle.mm
index 9fb2f7b24..254a6158d 100644
--- a/ios/styles/UnorderedListStyle.mm
+++ b/ios/styles/UnorderedListStyle.mm
@@ -17,6 +17,10 @@ + (BOOL)isParagraphStyle {
   return YES;
 }
 
++ (NSAttributedStringKey)attributeKey {
+  return NSParagraphStyleAttributeName;
+}
+
 - (CGFloat)getHeadIndent {
   // lists are drawn manually
   // margin before bullet + gap between bullet and paragraph
@@ -234,7 +238,7 @@ - (BOOL)tryHandlingListShorcutInRange:(NSRange)range
   return NO;
 }
 
-- (BOOL)styleCondition:(id _Nullable)value:(NSRange)range {
+- (BOOL)styleCondition:(id _Nullable)value range:(NSRange)range {
   NSParagraphStyle *paragraph = (NSParagraphStyle *)value;
   return paragraph != nullptr && paragraph.textLists.count == 1 &&
          paragraph.textLists.firstObject.markerFormat == NSTextListMarkerDisc;
@@ -246,7 +250,7 @@ - (BOOL)detectStyle:(NSRange)range {
                         withInput:_input
                           inRange:range
                     withCondition:^BOOL(id _Nullable value, NSRange range) {
-                      return [self styleCondition:value:range];
+                      return [self styleCondition:value range:range];
                     }];
   } else {
     return [OccurenceUtils detect:NSParagraphStyleAttributeName
@@ -254,7 +258,7 @@ - (BOOL)detectStyle:(NSRange)range {
                           atIndex:range.location
                     checkPrevious:YES
                     withCondition:^BOOL(id _Nullable value, NSRange range) {
-                      return [self styleCondition:value:range];
+                      return [self styleCondition:value range:range];
                     }];
   }
 }
@@ -264,7 +268,7 @@ - (BOOL)anyOccurence:(NSRange)range {
                    withInput:_input
                      inRange:range
                withCondition:^BOOL(id _Nullable value, NSRange range) {
-                 return [self styleCondition:value:range];
+                 return [self styleCondition:value range:range];
                }];
 }
 
@@ -273,7 +277,7 @@ - (BOOL)anyOccurence:(NSRange)range {
                    withInput:_input
                      inRange:range
                withCondition:^BOOL(id _Nullable value, NSRange range) {
-                 return [self styleCondition:value:range];
+                 return [self styleCondition:value range:range];
                }];
 }
 
diff --git a/ios/utils/BaseStyleProtocol.h b/ios/utils/BaseStyleProtocol.h
index 5e08e558a..a6c8554ab 100644
--- a/ios/utils/BaseStyleProtocol.h
+++ b/ios/utils/BaseStyleProtocol.h
@@ -5,6 +5,8 @@
 @protocol BaseStyleProtocol <NSObject>
 + (StyleType)getStyleType;
 + (BOOL)isParagraphStyle;
++ (NSAttributedStringKey _Nonnull)attributeKey;
+- (BOOL)styleCondition:(id _Nullable)value range:(NSRange)range;
 - (instancetype _Nonnull)initWithInput:(id _Nonnull)input;
 - (void)applyStyle:(NSRange)range;
 - (void)addAttributes:(NSRange)range withTypingAttr:(BOOL)withTypingAttr;
diff --git a/ios/utils/ColorExtension.h b/ios/utils/ColorExtension.h
index 1ed38519a..f11b8c871 100644
--- a/ios/utils/ColorExtension.h
+++ b/ios/utils/ColorExtension.h
@@ -5,3 +5,11 @@
 - (BOOL)isEqualToColor:(UIColor *)otherColor;
 - (UIColor *)colorWithAlphaIfNotTransparent:(CGFloat)newAlpha;
 @end
+
+@interface UIColor (FromString)
++ (UIColor *)colorFromString:(NSString *)string;
+@end
+
+@interface UIColor (HexString)
+- (NSString *)hexString;
+@end
diff --git a/ios/utils/ColorExtension.mm b/ios/utils/ColorExtension.mm
index 0cc59b727..55dda3b28 100644
--- a/ios/utils/ColorExtension.mm
+++ b/ios/utils/ColorExtension.mm
@@ -36,3 +36,169 @@ - (UIColor *)colorWithAlphaIfNotTransparent:(CGFloat)newAlpha {
   return self;
 }
 @end
+
+@implementation UIColor (FromString)
++ (UIColor *)colorFromString:(NSString *)string {
+  if (!string)
+    return nil;
+
+  NSString *input = [[string
+      stringByTrimmingCharactersInSet:[NSCharacterSet
+                                          whitespaceAndNewlineCharacterSet]]
+      lowercaseString];
+
+  // Expanded named colors (add more from CSS list as needed)
+  NSDictionary *namedColors = @{
+    @"red" : [UIColor redColor],
+    @"green" : [UIColor greenColor],
+    @"blue" : [UIColor blueColor],
+    @"black" : [UIColor blackColor],
+    @"white" : [UIColor whiteColor],
+    @"yellow" : [UIColor yellowColor],
+    @"gray" : [UIColor grayColor],
+    @"grey" : [UIColor grayColor],
+    @"transparent" : [UIColor clearColor],
+    @"aliceblue" : [UIColor colorWithRed:0.941 green:0.973 blue:1.0 alpha:1.0],
+  };
+
+  UIColor *namedColor = namedColors[input];
+  if (namedColor)
+    return namedColor;
+
+  // Hex parsing (including short forms)
+  if ([input hasPrefix:@"#"]) {
+    NSString *hex = [input substringFromIndex:1];
+    if (hex.length == 3 || hex.length == 4) { // Short hex: #rgb or #rgba
+      NSMutableString *expanded = [NSMutableString string];
+      for (NSUInteger i = 0; i < hex.length; i++) {
+        unichar c = [hex characterAtIndex:i];
+        [expanded appendFormat:@"%c%c", c, c];
+      }
+      hex = expanded;
+    }
+    if (hex.length == 6 || hex.length == 8) {
+      unsigned int hexValue = 0;
+      NSScanner *scanner = [NSScanner scannerWithString:hex];
+      if ([scanner scanHexInt:&hexValue]) {
+        CGFloat r, g, b, a = 1.0;
+        if (hex.length == 6) {
+          r = ((hexValue & 0xFF0000) >> 16) / 255.0;
+          g = ((hexValue & 0x00FF00) >> 8) / 255.0;
+          b = (hexValue & 0x0000FF) / 255.0;
+        } else {
+          r = ((hexValue & 0xFF000000) >> 24) / 255.0;
+          g = ((hexValue & 0x00FF0000) >> 16) / 255.0;
+          b = ((hexValue & 0x0000FF00) >> 8) / 255.0;
+          a = (hexValue & 0x000000FF) / 255.0;
+        }
+        return [UIColor colorWithRed:r green:g blue:b alpha:a];
+      }
+    }
+    return nil;
+  }
+
+  // RGB/RGBA parsing (with percentages)
+  if ([input hasPrefix:@"rgb"] || [input hasPrefix:@"rgba"]) {
+    NSString *clean = [input stringByReplacingOccurrencesOfString:@"rgb"
+                                                       withString:@""];
+    clean = [clean stringByReplacingOccurrencesOfString:@"a" withString:@""];
+    clean = [clean stringByReplacingOccurrencesOfString:@"(" withString:@""];
+    clean = [clean stringByReplacingOccurrencesOfString:@")" withString:@""];
+    clean = [clean stringByReplacingOccurrencesOfString:@" " withString:@""];
+
+    NSArray<NSString *> *parts = [clean componentsSeparatedByString:@","];
+    if (parts.count == 3 || parts.count == 4) {
+      CGFloat r = [self parseColorComponent:parts[0] max:255.0];
+      CGFloat g = [self parseColorComponent:parts[1] max:255.0];
+      CGFloat b = [self parseColorComponent:parts[2] max:255.0];
+      CGFloat a =
+          parts.count == 4 ? [self parseColorComponent:parts[3] max:1.0] : 1.0;
+      if (r >= 0 && g >= 0 && b >= 0 && a >= 0) {
+        return [UIColor colorWithRed:r green:g blue:b alpha:a];
+      }
+    }
+    return nil;
+  }
+
+  // HSL/HSLA parsing (basic implementation)
+  if ([input hasPrefix:@"hsl"] || [input hasPrefix:@"hsla"]) {
+    NSString *clean = [input stringByReplacingOccurrencesOfString:@"hsl"
+                                                       withString:@""];
+    clean = [clean stringByReplacingOccurrencesOfString:@"a" withString:@""];
+    clean = [clean stringByReplacingOccurrencesOfString:@"(" withString:@""];
+    clean = [clean stringByReplacingOccurrencesOfString:@")" withString:@""];
+    clean = [clean stringByReplacingOccurrencesOfString:@" " withString:@""];
+
+    NSArray<NSString *> *parts = [clean componentsSeparatedByString:@","];
+    if (parts.count == 3 || parts.count == 4) {
+      CGFloat h = [self parseColorComponent:parts[0] max:360.0];
+      CGFloat s = [self parseColorComponent:parts[1] max:1.0];
+      CGFloat l = [self parseColorComponent:parts[2] max:1.0];
+      CGFloat a =
+          parts.count == 4 ? [self parseColorComponent:parts[3] max:1.0] : 1.0;
+      return [UIColor colorWithHue:h / 360.0
+                        saturation:s
+                        brightness:l
+                             alpha:a]; // Note: Uses HSB approximation
+    }
+    return nil;
+  }
+
+  return nil;
+}
+
++ (CGFloat)parseColorComponent:(NSString *)comp max:(CGFloat)max {
+  if ([comp hasSuffix:@"%"]) {
+    comp = [comp stringByReplacingOccurrencesOfString:@"%" withString:@""];
+    return [comp floatValue] / 100.0;
+  }
+  return [comp floatValue] / max;
+}
+@end
+
+@implementation UIColor (HexString)
+- (NSString *)hexString {
+  CGColorRef colorRef = self.CGColor;
+  size_t numComponents = CGColorGetNumberOfComponents(colorRef);
+  const CGFloat *components = CGColorGetComponents(colorRef);
+
+  CGFloat r = 0.0, g = 0.0, b = 0.0, a = 1.0;
+
+  if (numComponents == 2) { // Monochrome (grayscale)
+    r = components[0];
+    g = components[0];
+    b = components[0];
+    a = components[1];
+  } else if (numComponents == 4) { // RGBA
+    r = components[0];
+    g = components[1];
+    b = components[2];
+    a = components[3];
+  } else if (numComponents == 3) { // RGB (no alpha)
+    r = components[0];
+    g = components[1];
+    b = components[2];
+  } else {
+    // Unsupported color space (e.g., pattern colors)
+    return @"#FFFFFF";
+  }
+
+  int red = (int)lroundf(r * 255.0f);
+  int green = (int)lroundf(g * 255.0f);
+  int blue = (int)lroundf(b * 255.0f);
+  int alpha = (int)lroundf(a * 255.0f);
+
+  // Clamp values to 0-255 to prevent overflow
+  red = MAX(0, MIN(255, red));
+  green = MAX(0, MIN(255, green));
+  blue = MAX(0, MIN(255, blue));
+  alpha = MAX(0, MIN(255, alpha));
+
+  if (alpha < 255) {
+    return [NSString
+        stringWithFormat:@"#%02X%02X%02X%02X", red, green, blue, alpha];
+  } else {
+    return [NSString stringWithFormat:@"#%02X%02X%02X", red, green, blue];
+  }
+}
+@end
diff --git a/ios/utils/StyleHeaders.h b/ios/utils/StyleHeaders.h
index 635242009..ca9677d2e 100644
--- a/ios/utils/StyleHeaders.h
+++ b/ios/utils/StyleHeaders.h
@@ -20,6 +20,13 @@
 - (void)handleNewlines;
 @end
 
+@interface ColorStyle : NSObject <BaseStyleProtocol>
+@property(nonatomic, strong) UIColor *color;
+- (UIColor *)getColorAt:(NSUInteger)location;
+- (void)applyStyle:(NSRange)range color:(UIColor *)color;
+- (void)removeColorInSelectedRange;
+@end
+
 @interface LinkStyle : NSObject <BaseStyleProtocol>
 - (void)addLink:(NSString *)text
               url:(NSString *)url
diff --git a/ios/utils/StyleTypeEnum.h b/ios/utils/StyleTypeEnum.h
index b19fcb087..d09d251fc 100644
--- a/ios/utils/StyleTypeEnum.h
+++ b/ios/utils/StyleTypeEnum.h
@@ -21,5 +21,6 @@ typedef NS_ENUM(NSInteger, StyleType) {
   Italic,
   Underline,
   Strikethrough,
+  Colored,
   None,
 };
diff --git a/src/EnrichedTextInput.tsx b/src/EnrichedTextInput.tsx
index 2d8105b74..6f8bb2ba6 100644
--- a/src/EnrichedTextInput.tsx
+++ b/src/EnrichedTextInput.tsx
@@ -20,6 +20,7 @@ import EnrichedTextInputNativeComponent, {
   type OnRequestHtmlResultEvent,
   type MentionStyleProperties,
   type OnChangeStateDeprecatedEvent,
+  type OnChangeColorEvent,
 } from './EnrichedTextInputNativeComponent';
 import type {
   ColorValue,
@@ -68,6 +69,8 @@ export interface EnrichedTextInputInstance extends NativeMethods {
     text: string,
     attributes?: Record<string, string>
   ) => void;
+  setColor: (color: string) => void;
+  removeColor: () => void;
 }
 
 export interface OnChangeMentionEvent {
@@ -153,6 +156,9 @@ export interface EnrichedTextInputProps extends Omit<ViewProps, 'children'> {
   onChangeMention?: (e: OnChangeMentionEvent) => void;
   onEndMention?: (indicator: string) => void;
   onChangeSelection?: (e: NativeSyntheticEvent<OnChangeSelectionEvent>) => void;
+  onColorChangeInSelection?: (
+    color: NativeSyntheticEvent<OnChangeColorEvent>
+  ) => void;
   /**
    * If true, Android will use experimental synchronous events.
    * This will prevent from input flickering when updating component size.
@@ -210,6 +216,7 @@ export const EnrichedTextInput = ({
   onChangeMention,
   onEndMention,
   onChangeSelection,
+  onColorChangeInSelection,
   androidExperimentalSynchronousEvents = false,
   scrollEnabled = true,
   ...rest
@@ -352,6 +359,12 @@ export const EnrichedTextInput = ({
     setSelection: (start: number, end: number) => {
       Commands.setSelection(nullthrows(nativeRef.current), start, end);
     },
+    setColor: (color: string) => {
+      Commands.setColor(nullthrows(nativeRef.current), color);
+    },
+    removeColor: () => {
+      Commands.removeColor(nullthrows(nativeRef.current));
+    },
   }));
 
   const handleMentionEvent = (e: NativeSyntheticEvent<OnMentionEvent>) => {
@@ -426,6 +439,7 @@ export const EnrichedTextInput = ({
       onMention={handleMentionEvent}
       onChangeSelection={onChangeSelection}
       onRequestHtmlResult={handleRequestHtmlResult}
+      onColorChangeInSelection={onColorChangeInSelection}
       androidExperimentalSynchronousEvents={
         androidExperimentalSynchronousEvents
       }
diff --git a/src/EnrichedTextInputNativeComponent.ts b/src/EnrichedTextInputNativeComponent.ts
index 907fc178b..74e1a035d 100644
--- a/src/EnrichedTextInputNativeComponent.ts
+++ b/src/EnrichedTextInputNativeComponent.ts
@@ -32,6 +32,11 @@ export interface OnChangeStateEvent {
     isConflicting: boolean;
     isBlocking: boolean;
   };
+  colored: {
+    isActive: boolean;
+    isConflicting: boolean;
+    isBlocking: boolean;
+  };
   italic: {
     isActive: boolean;
     isConflicting: boolean;
@@ -138,6 +143,7 @@ export interface OnChangeStateDeprecatedEvent {
   isLink: boolean;
   isImage: boolean;
   isMention: boolean;
+  isColored: boolean;
 }
 
 export interface OnLinkDetected {
@@ -186,6 +192,10 @@ type Heading = {
   bold?: boolean;
 };
 
+export interface OnChangeColorEvent {
+  color: string;
+}
+
 export interface HtmlStyleInternal {
   h1?: Heading;
   h2?: Heading;
@@ -256,6 +266,7 @@ export interface NativeProps extends ViewProps {
   onMention?: DirectEventHandler<OnMentionEvent>;
   onChangeSelection?: DirectEventHandler<OnChangeSelectionEvent>;
   onRequestHtmlResult?: DirectEventHandler<OnRequestHtmlResultEvent>;
+  onColorChangeInSelection?: DirectEventHandler<OnChangeColorEvent>;
 
   // Style related props - used for generating proper setters in component's manager
   // These should not be passed as regular props
@@ -330,6 +341,8 @@ interface NativeCommands {
     viewRef: React.ElementRef<ComponentType>,
     requestId: Int32
   ) => void;
+  setColor: (viewRef: React.ElementRef<ComponentType>, color: string) => void;
+  removeColor: (viewRef: React.ElementRef<ComponentType>) => void;
 }
 
 export const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({
@@ -361,6 +374,8 @@ export const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({
     'startMention',
     'addMention',
     'requestHTML',
+    'setColor',
+    'removeColor',
   ],
 });
 
diff --git a/src/index.tsx b/src/index.tsx
index 82b37a072..d1a20958f 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -6,4 +6,5 @@ export type {
   OnLinkDetected,
   OnMentionDetected,
   OnChangeSelectionEvent,
+  OnChangeColorEvent,
 } from './EnrichedTextInputNativeComponent';