diff --git a/Gemfile b/Gemfile
index c1e8d8e..53f97ea 100644
--- a/Gemfile
+++ b/Gemfile
@@ -53,6 +53,9 @@ group :production do
 end
 
 gem 'administrate'
+gem 'administrate-field-image'
+gem 'administrate-field-color'
+gem 'administrate-field-markdown'
 gem 'dragonfly'
 gem 'dragonfly-s3_data_store'
 gem 'kaminari'
diff --git a/Gemfile.lock b/Gemfile.lock
index 0265240..06fa1f6 100644
--- a/Gemfile.lock
+++ b/Gemfile.lock
@@ -37,7 +37,7 @@ GEM
       thread_safe (~> 0.3, >= 0.3.4)
       tzinfo (~> 1.1)
     addressable (2.4.0)
-    administrate (0.1.5)
+    administrate (0.2.0)
       autoprefixer-rails (~> 6.0)
       datetime_picker_rails (~> 0.0.7)
       jquery-rails (~> 4.0)
@@ -48,6 +48,16 @@ GEM
       rails (~> 4.2)
       sass-rails (~> 5.0)
       selectize-rails (~> 0.6)
+    administrate-field-color (0.0.1)
+      administrate (>= 0.2.0.rc1, < 0.3.0)
+      rails (~> 4.2)
+    administrate-field-image (0.0.2)
+      administrate (>= 0.2.0.rc1, < 0.3.0)
+      rails (~> 4.2)
+    administrate-field-markdown (0.0.2)
+      administrate (>= 0.2.0.rc1, < 0.3.0)
+      kramdown (~> 1.10)
+      rails (~> 4.2)
     arel (6.0.3)
     ast (2.2.0)
     autoprefixer-rails (6.3.6)
@@ -316,6 +326,9 @@ PLATFORMS
 
 DEPENDENCIES
   administrate
+  administrate-field-color
+  administrate-field-image
+  administrate-field-markdown
   aws-sdk
   better_errors
   binding_of_caller
diff --git a/app/dashboards/category_dashboard.rb b/app/dashboards/category_dashboard.rb
index dac6abc..100e55a 100644
--- a/app/dashboards/category_dashboard.rb
+++ b/app/dashboards/category_dashboard.rb
@@ -15,7 +15,7 @@ class CategoryDashboard < Administrate::BaseDashboard
     created_at: Field::DateTime,
     updated_at: Field::DateTime,
     photo_id: Field::Number,
-    base_colour: ColourField,
+    base_colour: Field::Color,
     sort: Field::Number,
     slug: Field::String,
   }
diff --git a/app/dashboards/page_dashboard.rb b/app/dashboards/page_dashboard.rb
index aae4e06..7f05fac 100644
--- a/app/dashboards/page_dashboard.rb
+++ b/app/dashboards/page_dashboard.rb
@@ -11,7 +11,7 @@ class PageDashboard < Administrate::BaseDashboard
     id: Field::Number,
     name: Field::String,
     title: Field::String,
-    content: MarkdownField,
+    content: Field::Markdown,
     created_at: Field::DateTime,
     updated_at: Field::DateTime,
   }
diff --git a/app/dashboards/photo_dashboard.rb b/app/dashboards/photo_dashboard.rb
index 985beed..f67c72d 100644
--- a/app/dashboards/photo_dashboard.rb
+++ b/app/dashboards/photo_dashboard.rb
@@ -14,7 +14,7 @@ class PhotoDashboard < Administrate::BaseDashboard
     created_at: Field::DateTime,
     updated_at: Field::DateTime,
     title: Field::String,
-    description: MarkdownField,
+    description: Field::Markdown,
     sort: Field::Number,
     featured: Field::Boolean,
     enabled: Field::Boolean,
diff --git a/app/fields/colour_field.rb b/app/fields/colour_field.rb
deleted file mode 100644
index 3bd853f..0000000
--- a/app/fields/colour_field.rb
+++ /dev/null
@@ -1,7 +0,0 @@
-require "administrate/field/base"
-
-class ColourField < Administrate::Field::Base
-  def to_s
-    data
-  end
-end
diff --git a/app/fields/markdown_field.rb b/app/fields/markdown_field.rb
deleted file mode 100644
index 4118b78..0000000
--- a/app/fields/markdown_field.rb
+++ /dev/null
@@ -1,21 +0,0 @@
-require "administrate/field/base"
-
-class MarkdownField < Administrate::Field::Base
-  def to_s
-    data
-  end
-
-  def rendered
-    Kramdown::Document.new(data).to_html.html_safe
-  end
-
-  def truncate
-    data.to_s[0...truncation_length]
-  end
-
-  private
-
-  def truncation_length
-    options.fetch(:truncate, 50)
-  end
-end
diff --git a/app/views/fields/colour_field/_form.html.erb b/app/views/fields/colour_field/_form.html.erb
deleted file mode 100644
index 97460e7..0000000
--- a/app/views/fields/colour_field/_form.html.erb
+++ /dev/null
@@ -1,6 +0,0 @@
-<div class="field-unit__label">
-  <%= f.label field.attribute %>
-</div>
-<div class="field-unit__field">
-  <%= f.color_field field.attribute, style: 'height: 2.35em; width: 5em;' %>
-</div>
diff --git a/app/views/fields/colour_field/_index.html.erb b/app/views/fields/colour_field/_index.html.erb
deleted file mode 100644
index 391309d..0000000
--- a/app/views/fields/colour_field/_index.html.erb
+++ /dev/null
@@ -1,2 +0,0 @@
-<%= content_tag :div, nil,
-  style: "height: 1.5em; width: 1.5em; background-color: #{field.data}" %>
diff --git a/app/views/fields/colour_field/_show.html.erb b/app/views/fields/colour_field/_show.html.erb
deleted file mode 100644
index fbf2ae3..0000000
--- a/app/views/fields/colour_field/_show.html.erb
+++ /dev/null
@@ -1,2 +0,0 @@
-<%= content_tag :span, field.data,
-  style: "color: white; padding: 0.2em 0.5em; background-color: #{field.data}" %>
diff --git a/app/views/fields/markdown_field/_form.html.erb b/app/views/fields/markdown_field/_form.html.erb
deleted file mode 100644
index f6153c0..0000000
--- a/app/views/fields/markdown_field/_form.html.erb
+++ /dev/null
@@ -1,6 +0,0 @@
-<div class="field-unit__label">
-  <%= f.label field.attribute %>
-</div>
-<div class="field-unit__field">
-  <%= f.text_area field.attribute %>
-</div>
diff --git a/app/views/fields/markdown_field/_index.html.erb b/app/views/fields/markdown_field/_index.html.erb
deleted file mode 100644
index d683ccc..0000000
--- a/app/views/fields/markdown_field/_index.html.erb
+++ /dev/null
@@ -1 +0,0 @@
-<%= field.truncate %>
diff --git a/app/views/fields/markdown_field/_show.html.erb b/app/views/fields/markdown_field/_show.html.erb
deleted file mode 100644
index 19ee2dd..0000000
--- a/app/views/fields/markdown_field/_show.html.erb
+++ /dev/null
@@ -1 +0,0 @@
-<%= field.rendered %>