diff --git a/doc-src/content/examples/compass/utilities/contrast.haml b/doc-src/content/examples/compass/utilities/contrast.haml
new file mode 100644
index 00000000..eca3504a
--- /dev/null
+++ b/doc-src/content/examples/compass/utilities/contrast.haml
@@ -0,0 +1,8 @@
+---
+title: Compass Contrast Color Example
+description: Make text readable
+framework: compass
+stylesheet: compass/utilities/color/_contrast.scss
+example: true
+---
+= render "partials/example"
diff --git a/doc-src/content/examples/compass/utilities/contrast/markup.haml b/doc-src/content/examples/compass/utilities/contrast/markup.haml
new file mode 100644
index 00000000..c5184b33
--- /dev/null
+++ b/doc-src/content/examples/compass/utilities/contrast/markup.haml
@@ -0,0 +1,3 @@
+.example
+  %p.dark This is a paragraph with a <em>dark</em> background and <em>light</em> text.
+  %p.light This is a paragraph with a <em>light</em> background and <em>dark</em> text.
diff --git a/doc-src/content/examples/compass/utilities/contrast/stylesheet.sass b/doc-src/content/examples/compass/utilities/contrast/stylesheet.sass
new file mode 100644
index 00000000..2e8c9416
--- /dev/null
+++ b/doc-src/content/examples/compass/utilities/contrast/stylesheet.sass
@@ -0,0 +1,11 @@
+$contrasted-dark-default:  #333
+$contrasted-light-default: #e7e7e7
+
+@import "compass/utilities/color/contrast"
+
+.example
+  p.dark
+    +contrasted(#5F1210)
+  p.light
+    +contrasted(#C82523)
+
diff --git a/doc-src/content/reference/compass/utilities/color.haml b/doc-src/content/reference/compass/utilities/color.haml
new file mode 100644
index 00000000..c0fb5803
--- /dev/null
+++ b/doc-src/content/reference/compass/utilities/color.haml
@@ -0,0 +1,16 @@
+--- 
+title: Compass Color
+crumb: Color
+framework: compass
+stylesheet: compass/utilities/_color.scss
+layout: core
+sidebar: true
+meta_description: Utilities for working with colors.
+classnames:
+  - reference
+  - core
+  - utilities
+---
+- render 'reference' do
+  %p
+    Utilities for working with colors.
diff --git a/doc-src/content/reference/compass/utilities/color/contrast.haml b/doc-src/content/reference/compass/utilities/color/contrast.haml
new file mode 100644
index 00000000..327d5b6d
--- /dev/null
+++ b/doc-src/content/reference/compass/utilities/color/contrast.haml
@@ -0,0 +1,13 @@
+--- 
+title: Compass Color Contrast
+crumb: Color Contrast
+framework: compass
+stylesheet: compass/utilities/color/_contrast.scss
+layout: core
+meta_description: Contrast foreground with background colors.
+classnames:
+  - reference
+  - core
+  - utilities
+---
+= render 'reference'