diff --git a/core/src/components/textarea/textarea.tsx b/core/src/components/textarea/textarea.tsx
index 495032b80a..749b8be322 100644
--- a/core/src/components/textarea/textarea.tsx
+++ b/core/src/components/textarea/textarea.tsx
@@ -2,6 +2,7 @@ import { Component, Element, Event, EventEmitter, Prop, State, Watch } from '@st
 
 import { Color, InputChangeEvent, Mode, StyleEvent } from '../../interface';
 import { debounceEvent, deferEvent, renderHiddenInput } from '../../utils/helpers';
+import { createColorClasses } from '../../utils/theme';
 import { TextareaComponent } from '../input/input-base';
 
 @Component({
@@ -239,6 +240,14 @@ export class Textarea implements TextareaComponent {
     return this.value !== '';
   }
 
+  hostData() {
+    return {
+      class: {
+        ...createColorClasses(this.color)
+      }
+    };
+  }
+
   render() {
     renderHiddenInput(this.el, this.name, this.value, this.disabled);