diff --git a/src/wp-content/themes/twentynineteen/style-editor.scss b/src/wp-content/themes/twentynineteen/style-editor.scss
index ae465850ff..473c3e4e20 100644
--- a/src/wp-content/themes/twentynineteen/style-editor.scss
+++ b/src/wp-content/themes/twentynineteen/style-editor.scss
@@ -7,6 +7,42 @@ Twenty Nineteen Editor Styles
 @import "sass/variables-site/variables-site";
 @import "sass/mixins/mixins-master";
 
+:root {
+	/** === Custom foreground colors === */
+	.has-primary-color,
+	.wp-block-pullquote blockquote.has-primary-color,
+	.wp-block-pullquote.is-style-solid-color blockquote.has-primary-color,
+	.wp-block-pullquote.is-style-solid-color blockquote.has-primary-color > p {
+		color: $color__link;
+	}
+
+	.has-secondary-color,
+	.wp-block-pullquote blockquote.has-secondary-color,
+	.wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color,
+	.wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color > p {
+		color: $color__border-link-hover;
+	}
+
+	.has-dark-gray-color,
+	.wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color,
+	.wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color > p {
+		color: $color__text-main;
+	}
+
+	.has-light-gray-color,
+	.wp-block-pullquote blockquote.has-light-gray-color,
+	.wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color,
+	.wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color > p {
+		color: $color__text-light;
+	}
+
+	.has-white-color,
+	.wp-block-pullquote blockquote.has-white-color,
+	.wp-block-pullquote.is-style-solid-color blockquote.has-white-color {
+		color: #FFF;
+	}
+}
+
 /** === Editor Frame === */
 
 body {