diff --git a/app/assets/stylesheets/frontend/helpers/_organisations.scss b/app/assets/stylesheets/frontend/helpers/_organisations.scss
index 50e7c2b236b..1d725628f8b 100644
--- a/app/assets/stylesheets/frontend/helpers/_organisations.scss
+++ b/app/assets/stylesheets/frontend/helpers/_organisations.scss
@@ -134,6 +134,7 @@
     direction: ltr;
   }
 }
+@include organisation-brand-colour(".organisation-logo", border-color);
 
 .organisation-logo-stacked-no-identity {
 }
@@ -1313,4 +1314,3 @@
   }
 }
 
-@include department-colours('.organisation-logo', border-color);
diff --git a/app/assets/stylesheets/frontend/styleguide/_colours.scss b/app/assets/stylesheets/frontend/styleguide/_colours.scss
index 5751ff2bb2d..143f09b1aba 100644
--- a/app/assets/stylesheets/frontend/styleguide/_colours.scss
+++ b/app/assets/stylesheets/frontend/styleguide/_colours.scss
@@ -47,87 +47,84 @@ $office-of-the-leader-of-the-house-of-lords-websafe: #c2395d;
 $scotland-office-websafe: #405c8a;
 $the-office-of-the-leader-of-the-house-of-commons-websafe: #005f8f;
 $uk-export-finance-websafe: $link-colour;
+$uk-trade-investment-websafe: $link-colour;
 $wales-office-websafe: #7a242a;
 
-
-
-
-
+// Organisation brand colours
+// 
+// Organisation brand colours are specified manually because there is no 
+// fixed rule as to what colours organisations have. Colours are defined 
+// by OrganisationBrandColour and its associated CSS class here.
+//
+// NOTE: The mixin will create a new block inside the block it is included in. 
+// The downside of this approach is it requires at least 3 elements to be 
+// able to do anything – the parent element, the element with the colour 
+// class on and the element we're actually styling. This might be simpler 
+// if we did &.foo-brand-colour #{$selector} { ... }, but that will 
+// require refactoring.
+// 
 // Usage:
 //
 //   html:
-//
-//     <a href="..." class="cabinet-office">Cabinet Office</a>
+//    <div class="organisations-show">
+//      <div class="cabinet-office-brand-colour">
+//        <a href="...">Cabinet Office</a>
+//      </div>
+//    </div>
 //
 //   css:
-//     a {
-//       border-width: 2px;
-//       border-style: solid;
-//       @include department-colours(border-color);
+//     .organisations-show {
+//       a {
+//         border-width: 2px;
+//         border-style: solid;
+//       }
+//       @include organisation-brand-colour("a", border-color);
 //     }
 
-@mixin department-colours($selector, $property) {
-  .attorney-generals-office #{$selector} { #{$property}: $attorney-generals-office; }
-  .building-regulations-advisory-committee #{$selector} { #{$property}: $department-for-communities-and-local-government; }
-  .cabinet-office #{$selector} { #{$property}: $cabinet-office; }
-  .department-for-business-innovation-skills #{$selector} { #{$property}: $department-for-business-innovation-skills; }
-  .department-for-communities-and-local-government #{$selector} { #{$property}: $department-for-communities-and-local-government; }
-  .department-for-culture-media-sport #{$selector} { #{$property}: $department-for-culture-media-sport; }
-  .department-for-education #{$selector} { #{$property}: $department-for-education; }
-  .department-for-environment-food-rural-affairs #{$selector} { #{$property}: $department-for-environment-food-rural-affairs; }
-  .department-for-international-development #{$selector} { #{$property}: $department-for-international-development; }
-  .department-for-transport #{$selector} { #{$property}: $department-for-transport; }
-  .department-for-work-pensions #{$selector} { #{$property}: $department-for-work-pensions; }
-  .department-of-energy-climate-change #{$selector} { #{$property}: $department-of-energy-climate-change; }
-  .department-of-health #{$selector} { #{$property}: $department-of-health; }
-  .driving-standards-agency #{$selector} { #{$property}: $department-for-transport; }
-  .foreign-commonwealth-office #{$selector} { #{$property}: $foreign-commonwealth-office; }
-  .government-equalities-office #{$selector} { #{$property}: $department-for-culture-media-sport; }
-  .hm-government #{$selector} { #{$property}: $hm-government; }
-  .hm-revenue-customs #{$selector} { #{$property}: $hm-revenue-customs; }
-  .hm-treasury #{$selector} { #{$property}: $hm-treasury; }
-  .home-office #{$selector} { #{$property}: $home-office; }
-  .ministry-of-defence #{$selector} { #{$property}: $ministry-of-defence; }
-  .ministry-of-justice #{$selector} { #{$property}: $ministry-of-justice; }
-  .northern-ireland-office #{$selector} { #{$property}: $northern-ireland-office; }
-  .office-of-the-advocate-general-for-scotland #{$selector} { #{$property}: $office-of-the-advocate-general-for-scotland; }
-  .office-of-the-leader-of-the-house-of-lords #{$selector} { #{$property}: $office-of-the-leader-of-the-house-of-lords; }
-  .planning-inspectorate #{$selector} { #{$property}: $department-for-communities-and-local-government; }
-  .scotland-office #{$selector} { #{$property}: $scotland-office; }
-  .the-office-of-the-leader-of-the-house-of-commons #{$selector} { #{$property}: $the-office-of-the-leader-of-the-house-of-commons; }
-  .uk-export-finance #{$selector} { #{$property}: $uk-export-finance; }
-  .wales-office #{$selector} { #{$property}: $wales-office; }
-}
 
-@mixin websafe-department-colours($selector, $property) {
-  .attorney-generals-office #{$selector} { #{$property}: $attorney-generals-office-websafe; }
-  .building-regulations-advisory-committee #{$selector} { #{$property}: $department-for-communities-and-local-government-websafe; }
-  .cabinet-office #{$selector} { #{$property}: $cabinet-office-websafe; }
-  .department-for-business-innovation-skills #{$selector} { #{$property}: $department-for-business-innovation-skills-websafe; }
-  .department-for-communities-and-local-government #{$selector} { #{$property}: $department-for-communities-and-local-government-websafe; }
-  .department-for-culture-media-sport #{$selector} { #{$property}: $department-for-culture-media-sport-websafe; }
-  .department-for-education #{$selector} { #{$property}: $department-for-education-websafe; }
-  .department-for-environment-food-rural-affairs #{$selector} { #{$property}: $department-for-environment-food-rural-affairs-websafe; }
-  .department-for-international-development #{$selector} { #{$property}: $department-for-international-development-websafe; }
-  .department-for-transport #{$selector} { #{$property}: $department-for-transport-websafe; }
-  .department-for-work-pensions #{$selector} { #{$property}: $department-for-work-pensions-websafe; }
-  .department-of-energy-climate-change #{$selector} { #{$property}: $department-of-energy-climate-change-websafe; }
-  .department-of-health #{$selector} { #{$property}: $department-of-health-websafe; }
-  .driving-standards-agency #{$selector} { #{$property}: $department-for-transport-websafe; }
-  .foreign-commonwealth-office #{$selector} { #{$property}: $foreign-commonwealth-office-websafe; }
-  .government-equalities-office #{$selector} { #{$property}: $department-for-culture-media-sport-websafe; }
-  .hm-government #{$selector} { #{$property}: $hm-government-websafe; }
-  .hm-revenue-customs #{$selector} { #{$property}: $hm-revenue-customs-websafe; }
-  .hm-treasury #{$selector} { #{$property}: $hm-treasury-websafe; }
-  .home-office #{$selector} { #{$property}: $home-office-websafe; }
-  .ministry-of-defence #{$selector} { #{$property}: $ministry-of-defence-websafe; }
-  .ministry-of-justice #{$selector} { #{$property}: $ministry-of-justice-websafe; }
-  .northern-ireland-office #{$selector} { #{$property}: $northern-ireland-office-websafe; }
-  .office-of-the-advocate-general-for-scotland #{$selector} { #{$property}: $office-of-the-advocate-general-for-scotland-websafe; }
-  .office-of-the-leader-of-the-house-of-lords #{$selector} { #{$property}: $office-of-the-leader-of-the-house-of-lords-websafe; }
-  .planning-inspectorate #{$selector} { #{$property}: $department-for-communities-and-local-government-websafe; }
-  .scotland-office #{$selector} { #{$property}: $scotland-office-websafe; }
-  .the-office-of-the-leader-of-the-house-of-commons #{$selector} { #{$property}: $the-office-of-the-leader-of-the-house-of-commons-websafe; }
-  .uk-export-finance #{$selector} { #{$property}: $uk-export-finance-websafe; }
-  .wales-office #{$selector} { #{$property}: $wales-office-websafe; }
+// All organisation colours as list of (class_name, colour, websafe colour)
+$all-organisation-brand-colours: 
+  'attorney-generals-office' $attorney-generals-office $attorney-generals-office-websafe,
+  'cabinet-office' $cabinet-office $cabinet-office-websafe,
+  'department-for-business-innovation-skills' $department-for-business-innovation-skills $department-for-business-innovation-skills-websafe,
+  'department-for-communities-and-local-government' $department-for-communities-and-local-government $department-for-communities-and-local-government-websafe,
+  'department-for-culture-media-sport' $department-for-culture-media-sport $department-for-culture-media-sport-websafe,
+  'department-for-education' $department-for-education $department-for-education-websafe,
+  'department-for-environment-food-rural-affairs' $department-for-environment-food-rural-affairs $department-for-environment-food-rural-affairs-websafe,
+  'department-for-international-development' $department-for-international-development $department-for-international-development-websafe,
+  'department-for-transport' $department-for-transport $department-for-transport-websafe,
+  'department-for-work-pensions' $department-for-work-pensions $department-for-work-pensions-websafe,
+  'department-of-energy-climate-change' $department-of-energy-climate-change $department-of-energy-climate-change-websafe,
+  'department-of-health' $department-of-health $department-of-health-websafe,
+  'foreign-commonwealth-office' $foreign-commonwealth-office $foreign-commonwealth-office-websafe,
+  'hm-government' $hm-government $hm-government-websafe,
+  'hm-revenue-customs' $hm-revenue-customs $hm-revenue-customs-websafe,
+  'hm-treasury' $hm-treasury $hm-treasury-websafe,
+  'home-office' $home-office $home-office-websafe,
+  'ministry-of-defence' $ministry-of-defence $ministry-of-defence-websafe,
+  'ministry-of-justice' $ministry-of-justice $ministry-of-justice-websafe,
+  'northern-ireland-office' $northern-ireland-office $northern-ireland-office-websafe,
+  'office-of-the-advocate-general-for-scotland' $office-of-the-advocate-general-for-scotland $office-of-the-advocate-general-for-scotland-websafe,
+  'office-of-the-leader-of-the-house-of-lords' $office-of-the-leader-of-the-house-of-lords $office-of-the-leader-of-the-house-of-lords-websafe,
+  'scotland-office' $scotland-office $scotland-office-websafe,
+  'the-office-of-the-leader-of-the-house-of-commons' $the-office-of-the-leader-of-the-house-of-commons $the-office-of-the-leader-of-the-house-of-commons-websafe,
+  'uk-export-finance' $uk-export-finance $uk-export-finance-websafe,
+  // TODO: blocked by govuk_frontend_toolkit#53
+  //'uk-trade-investment' $uk-trade-investment $uk-trade-investment-websafe,
+  'wales-office' $wales-office $wales-office-websafe;
+
+
+@mixin organisation-brand-colour($selector, $property, $websafe: false) {
+  @each $organisation in $all-organisation-brand-colours {
+    .#{nth($organisation, 1)}-brand-colour #{$selector} {
+      @if $websafe {
+        #{$property}: nth($organisation, 3);
+      }
+      @else {
+        #{$property}: nth($organisation, 2);
+      }
+    }
+  }
 }
+
+
diff --git a/app/assets/stylesheets/frontend/views/_organisations.scss b/app/assets/stylesheets/frontend/views/_organisations.scss
index c42e1b75cf8..6bb9e4f21ba 100644
--- a/app/assets/stylesheets/frontend/views/_organisations.scss
+++ b/app/assets/stylesheets/frontend/views/_organisations.scss
@@ -778,10 +778,10 @@
     border-bottom-width: 5px;
     border-bottom-style: solid;
   }
-  @include department-colours("h1", border-color);
-  @include department-colours("h2", border-color);
-  @include websafe-department-colours(".social-media-link .connect", background-color);
-  @include websafe-department-colours("a", color);
+  @include organisation-brand-colour("h1", border-color);
+  @include organisation-brand-colour("h2", border-color);
+  @include organisation-brand-colour(".social-media-link .connect", background-color, $websafe: true);
+  @include organisation-brand-colour("a", color, $websafe: true);
 }
 .organisations-external {
   @include media(desktop){
@@ -1153,9 +1153,9 @@
 // Used on:
 // organisations#about, corporate_information_page#show
 .organisation-page {
-  @include websafe-department-colours('nav a', color);
-  @include websafe-department-colours('.block-2 a', color);
-  @include websafe-department-colours('.body .attachment .accessibility-warning h3 .toggler', color);
+  @include organisation-brand-colour('nav a', color, $websafe: true);
+  @include organisation-brand-colour('.block-2 a', color, $websafe: true);
+  @include organisation-brand-colour('.body .attachment .accessibility-warning h3 .toggler', color, $websafe: true);
 
   @include media(desktop){
     .block-1 {
@@ -1269,7 +1269,7 @@
       }
     }
   }
-  @include department-colours('.corporate-info h1', border-color);
+  @include organisation-brand-colour('.corporate-info h1', border-color);
 }
 
 
diff --git a/app/helpers/organisation_helper.rb b/app/helpers/organisation_helper.rb
index 740a327489b..5f9b83f97c9 100644
--- a/app/helpers/organisation_helper.rb
+++ b/app/helpers/organisation_helper.rb
@@ -59,13 +59,21 @@ def starts_with_vowel?(word_or_phrase)
   end
 
   def organisation_wrapper(organisation, options = {}, &block)
-    classes = [organisation.slug]
+    classes = [organisation.slug, organisation_brand_colour_class(organisation)]
     classes << organisation.organisation_type.name.parameterize if organisation.respond_to?(:organisation_type)
     content_tag_for :div, organisation, class: classes.join(" ") do
       block.call
     end
   end
 
+  def organisation_brand_colour_class(organisation)
+    if organisation.organisation_brand_colour
+      "#{organisation.organisation_brand_colour.class_name}-brand-colour"
+    else
+      ""
+    end
+  end
+
   def organisation_site_thumbnail_path(organisation)
     begin
       image_path("organisation_screenshots/#{organisation.slug}.png")
diff --git a/app/models/organisation.rb b/app/models/organisation.rb
index 4d30bfde713..5239d004066 100644
--- a/app/models/organisation.rb
+++ b/app/models/organisation.rb
@@ -241,6 +241,14 @@ def organisation_logo_type=(organisation_logo_type)
     self.organisation_logo_type_id = organisation_logo_type && organisation_logo_type.id
   end
 
+  def organisation_brand_colour
+    OrganisationBrandColour.find_by_id(organisation_brand_colour_id)
+  end
+
+  def organisation_brand_colour=(organisation_brand_colour)
+    self.organisation_brand_colour_id = organisation_brand_colour && organisation_brand_colour.id
+  end
+
   def self.alphabetical(locale = I18n.locale)
     with_translations(locale).order('organisation_translations.name ASC')
   end
diff --git a/app/models/organisation_brand_colour.rb b/app/models/organisation_brand_colour.rb
new file mode 100644
index 00000000000..b0aa15fd44c
--- /dev/null
+++ b/app/models/organisation_brand_colour.rb
@@ -0,0 +1,145 @@
+class OrganisationBrandColour
+  include ActiveRecordLikeInterface
+
+  attr_accessor :id, :title, :class_name
+
+  def self.find(class_name)
+    all.detect { |type| type.class_name == class_name } or raise ActiveRecord::RecordNotFound
+  end
+
+  AttorneyGeneralsOffice = create(
+    id: 1,
+    title: "Attorney General's Office",
+    class_name: "attorney-generals-office"
+  )
+  CabinetOffice = create(
+    id: 2,
+    title: "Cabinet Office",
+    class_name: "cabinet-office"
+  )
+  DepartmentForBusinessInnovationSkills = create(
+    id: 3,
+    title: "Department for Business, Innovation & Skills",
+    class_name: "department-for-business-innovation-skills"
+  )
+  DepartmentForCommunitiesAndLocalGovernment = create(
+    id: 4,
+    title: "Department for Communities and Local Government",
+    class_name: "department-for-communities-and-local-government"
+  )
+  DepartmentForCultureMediaSport = create(
+    id: 5,
+    title: "Department for Culture, Media & Sport",
+    class_name: "department-for-culture-media-sport"
+  )
+  DepartmentForEducation = create(
+    id: 6,
+    title: "Department for Education",
+    class_name: "department-for-education"
+  )
+  DepartmentForEnvironmentFoodRuralAffairs = create(
+    id: 7,
+    title: "Department for Environment, Food & Rural Affairs",
+    class_name: "department-for-environment-food-rural-affairs"
+  )
+  DepartmentForInternationalDevelopment = create(
+    id: 8,
+    title: "Department for International Development",
+    class_name: "department-for-international-development"
+  )
+  DepartmentForTransport = create(
+    id: 9,
+    title: "Department for Transport",
+    class_name: "department-for-transport"
+  )
+  DepartmentForWorkPensions = create(
+    id: 10,
+    title: "Department for Work & Pensions",
+    class_name: "department-for-work-pensions"
+  )
+  DepartmentOfEnergyClimateChange = create(
+    id: 11,
+    title: "Department of Energy & Climate Change",
+    class_name: "department-of-energy-climate-change"
+  )
+  DepartmentOfHealth = create(
+    id: 12,
+    title: "Department of Health",
+    class_name: "department-of-health"
+  )
+  ForeignCommonwealthOffice = create(
+    id: 13,
+    title: "Foreign & Commonwealth Office",
+    class_name: "foreign-commonwealth-office"
+  )
+  HMGovernment = create(
+    id: 14,
+    title: "HM Government",
+    class_name: "hm-government"
+  )
+  HMRevenueCustoms = create(
+    id: 15,
+    title: "HM Revenue & Customs",
+    class_name: "hm-revenue-customs"
+  )
+  HMTreasury = create(
+    id: 16,
+    title: "HM Treasury",
+    class_name: "hm-treasury"
+  )
+  HomeOffice = create(
+    id: 17,
+    title: "Home Office",
+    class_name: "home-office"
+  )
+  MinistryOfDefence = create(
+    id: 18,
+    title: "Ministry of Defence",
+    class_name: "ministry-of-defence"
+  )
+  MinistryOfJustice = create(
+    id: 19,
+    title: "Ministry of Justice",
+    class_name: "ministry-of-justice"
+  )
+  NorthernIrelandOffice = create(
+    id: 20,
+    title: "Northern Ireland Office",
+    class_name: "northern-ireland-office"
+  )
+  OfficeOfTheAdvocateGeneralForScotland = create(
+    id: 21,
+    title: "Office of the Advocate General for Scotland",
+    class_name: "office-of-the-advocate-general-for-scotland"
+  )
+  OfficeOfTheLeaderOfTheHouseOfLords = create(
+    id: 22,
+    title: "Office of the Leader of the House of Lords",
+    class_name: "office-of-the-leader-of-the-house-of-lords"
+  )
+  ScotlandOffice = create(
+    id: 23,
+    title: "Scotland Office",
+    class_name: "scotland-office"
+  )
+  TheOfficeOfTheLeaderOfTheHouseOfCommons = create(
+    id: 24,
+    title: "Office of the Leader of the House of Commons",
+    class_name: "the-office-of-the-leader-of-the-house-of-commons"
+  )
+  UKExportFinance = create(
+    id: 25,
+    title: "UK Export Finance",
+    class_name: "uk-export-finance"
+  )
+  UKTradeInvestment = create(
+    id: 26,
+    title: "UK Trade & Investment",
+    class_name: "uk-trade-investment"
+  )
+  WalesOffice = create(
+    id: 27,
+    title: "Wales Office",
+    class_name: "wales-office"
+  )
+end
diff --git a/app/views/admin/organisations/_form.html.erb b/app/views/admin/organisations/_form.html.erb
index 2bdd86efb64..6dff354a604 100644
--- a/app/views/admin/organisations/_form.html.erb
+++ b/app/views/admin/organisations/_form.html.erb
@@ -11,6 +11,8 @@
     <%= organisation_form.text_area :logo_formatted_name, rows: "4", style: "width: auto" %>
     <%= organisation_form.label :organisation_logo_type_id, 'Logo crest' %>
     <%= organisation_form.select :organisation_logo_type_id, options_from_collection_for_select(OrganisationLogoType.all, "id", "title", organisation.organisation_logo_type_id), {}, class: 'chzn-select', data: { placeholder: "Choose logo crest..."} %>
+    <%= organisation_form.label :organisation_brand_colour_id, 'Brand colour' %>
+    <%= organisation_form.select :organisation_brand_colour_id, options_from_collection_for_select(OrganisationBrandColour.all, "id", "title", organisation.organisation_brand_colour_id), {include_blank: true}, class: 'chzn-select', data: { placeholder: "Choose brand colour..."} %>
     <%= organisation_form.fields_for :default_news_image do |image_fields| %>
       <%= render partial: "admin/shared/default_news_image_fields", locals: {image_fields: image_fields} %>
     <% end %>
diff --git a/app/views/admin/organisations/show.html.erb b/app/views/admin/organisations/show.html.erb
index c1227515234..5242df74f9e 100644
--- a/app/views/admin/organisations/show.html.erb
+++ b/app/views/admin/organisations/show.html.erb
@@ -43,6 +43,16 @@
             <tr><th><%= sma.social_media_service.name %></th><td><%= link_to sma.url, sma.url %></td></tr>
           <% end %>
           <tr><th>Crest</th><td><%= @organisation.organisation_logo_type.title %></td></tr>
+          <tr>
+            <th>Brand colour</th>
+            <td>
+              <% if @organisation.organisation_brand_colour %>
+                <%= @organisation.organisation_brand_colour.title %>
+              <% else %>
+                None
+              <% end %>
+            </td>
+          </tr>
           <tr><th>Analytics identifier</th><td><%= @organisation.analytics_identifier %></td></tr>
           <tr><th>Mainstream links</th>
             <td>
diff --git a/app/views/detailed_guides/show.html.erb b/app/views/detailed_guides/show.html.erb
index 975726d570a..234c420f996 100644
--- a/app/views/detailed_guides/show.html.erb
+++ b/app/views/detailed_guides/show.html.erb
@@ -12,7 +12,7 @@
       <section class="page-header js-hide-extra-logos">
         <ul class="organisations-icon-list">
           <% @document.sorted_organisations.each do |organisation| %>
-            <%= content_tag_for(:li, organisation, class: organisation.slug) do %>
+            <%= content_tag_for(:li, organisation, class: organisation_brand_colour_class(organisation)) do %>
               <%= link_to organisation_path(organisation),
                           class: logo_classes(class_name: organisation.organisation_logo_type.class_name, size: 'medium') do %>
                 <span><%= organisation_logo_name(organisation, false) %></span>
diff --git a/app/views/html_versions/show.html.erb b/app/views/html_versions/show.html.erb
index 100dbfafa04..594721aa086 100644
--- a/app/views/html_versions/show.html.erb
+++ b/app/views/html_versions/show.html.erb
@@ -5,7 +5,7 @@
   <div class="inner-block floated-children">
     <ul class="organisations-icon-list organisations">
       <% @document.sorted_organisations.each do |organisation| %>
-        <%= content_tag_for(:li, organisation, class: organisation.slug) do %>
+        <%= content_tag_for(:li, organisation, class: organisation_brand_colour_class(organisation)) do %>
           <%= link_to organisation_path(organisation),
                       class: logo_classes(class_name: organisation.organisation_logo_type.class_name, size: 'medium', stacked: true) do %>
             <span><%= organisation_logo_name(organisation) %></span>
diff --git a/app/views/organisations/_header.html.erb b/app/views/organisations/_header.html.erb
index 5cc3a2f9fb7..20608e8050c 100644
--- a/app/views/organisations/_header.html.erb
+++ b/app/views/organisations/_header.html.erb
@@ -12,7 +12,7 @@
     <div class="sub-organisation-name">
       <ul class="organisations-icon-list">
         <% organisation.parent_organisations.each do |organisation| %>
-          <%= content_tag_for(:li, organisation, class: organisation.slug) do %>
+          <%= content_tag_for(:li, organisation, class: organisation_brand_colour_class(organisation)) do %>
             <%= link_to organisation_path(organisation),
                         class: logo_classes(class_name: organisation.organisation_logo_type.class_name, size: 'medium') do %>
               <span><%= organisation_logo_name(organisation, false) %></span>
diff --git a/app/views/organisations/_organisations_logo_list.html.erb b/app/views/organisations/_organisations_logo_list.html.erb
index 011053eabcb..e85992b5d3b 100644
--- a/app/views/organisations/_organisations_logo_list.html.erb
+++ b/app/views/organisations/_organisations_logo_list.html.erb
@@ -14,7 +14,7 @@
     <% end %>
     <ul>
       <% lead_organisations.each do |organisation| %>
-        <%= content_tag_for :li, organisation, class:  organisation.slug do %>
+        <%= content_tag_for :li, organisation, class: organisation_brand_colour_class(organisation) do %>
           <%= link_to organisation,
                       class: logo_classes(class_name: organisation.organisation_logo_type.class_name, stacked: !show_hm_government, use_identity: !show_hm_government) do %>
             <span><%= organisation_logo_name(organisation, !show_hm_government) %></span>
@@ -41,7 +41,7 @@
     <% end %>
   <% else %>
     <% organisations.each do |organisation| %>
-      <%= content_tag_for(:div, organisation, class: organisation.slug) do %>
+      <%= content_tag_for(:div, organisation, class: organisation_brand_colour_class(organisation)) do %>
         <%= link_to organisation,
                     class: logo_classes(class_name: organisation.organisation_logo_type.class_name, stacked: true, use_identity: true) do %>
           <span><%= organisation_logo_name(organisation) %></span>
diff --git a/app/views/organisations/index.html.erb b/app/views/organisations/index.html.erb
index 4ca3bd390f4..6942a9af95b 100644
--- a/app/views/organisations/index.html.erb
+++ b/app/views/organisations/index.html.erb
@@ -20,7 +20,7 @@
               <%= content_tag_for :li, executive_office,
                                   class: 'department js-filter-item',
                                     "data-filter-terms" => filter_terms(executive_office) do %>
-                <h2 id="<%= executive_office.slug %>" class="<%= executive_office.slug %>">
+                <h2 id="<%= executive_office.slug %>" class="<%= organisation_brand_colour_class(executive_office) %>">
                   <%= link_to organisation_path(executive_office), class: logo_classes(class_name: executive_office.organisation_logo_type.class_name, size: 'medium') do %>
                     <span><%= organisation_logo_name(executive_office, false) %></span>
                   <% end %>
@@ -42,7 +42,7 @@
               <%= content_tag_for :li, ministerial_department,
                                   class: 'department js-filter-item',
                                     "data-filter-terms" => filter_terms(ministerial_department) do %>
-                <h2 id="<%= ministerial_department.slug %>" class="<%= ministerial_department.slug %>">
+                <h2 id="<%= ministerial_department.slug %>" class="<%= organisation_brand_colour_class(ministerial_department) %>">
                   <%= link_to organisation_path(ministerial_department), class: logo_classes(class_name: ministerial_department.organisation_logo_type.class_name, size: 'medium') do %>
                     <span><%= organisation_logo_name(ministerial_department, false) %></span>
                   <% end %>
diff --git a/app/views/organisations/show-executive-office.html.erb b/app/views/organisations/show-executive-office.html.erb
index 7a085d57cf8..205dd83dfdf 100644
--- a/app/views/organisations/show-executive-office.html.erb
+++ b/app/views/organisations/show-executive-office.html.erb
@@ -1,6 +1,6 @@
 <% page_title @organisation.name %>
 <% page_class "organisations-executive-office" %>
-<% bar_colour_class @organisation.slug %>
+<% bar_colour_class organisation_brand_colour_class(@organisation) %>
 <% atom_discovery_link_tag organisation_url(@organisation, format: :atom), "Latest activity" %>
 
 <%= organisation_wrapper(@organisation) do %>
diff --git a/app/views/topical_events/show.html.erb b/app/views/topical_events/show.html.erb
index 7c570c1bc82..c170e5bacd3 100644
--- a/app/views/topical_events/show.html.erb
+++ b/app/views/topical_events/show.html.erb
@@ -155,7 +155,7 @@
           <div class="content">
             <ul>
               <% @classification.lead_organisations.each do |organisation| %>
-                <%= content_tag_for(:li, organisation, class: organisation.slug) do %>
+                <%= content_tag_for(:li, organisation, class: organisation_brand_colour_class(organisation)) do %>
                   <%= link_to organisation_path(organisation),
                         class: logo_classes(class_name: organisation.organisation_logo_type.class_name, stacked: true) do %>
                     <span><%= organisation_logo_name(organisation) %></span>
diff --git a/db/migrate/20130810034713_add_organisation_brand_colour_to_organisations.rb b/db/migrate/20130810034713_add_organisation_brand_colour_to_organisations.rb
new file mode 100644
index 00000000000..c7a19ba3106
--- /dev/null
+++ b/db/migrate/20130810034713_add_organisation_brand_colour_to_organisations.rb
@@ -0,0 +1,66 @@
+class AddOrganisationBrandColourToOrganisations < ActiveRecord::Migration
+  class OrganisationalRelationship < ActiveRecord::Base
+    belongs_to :parent_organisation, class_name: "Organisation"
+    belongs_to :child_organisation, class_name: "Organisation"
+  end
+  class Organisation < ActiveRecord::Base
+    has_many :child_organisational_relationships,
+              foreign_key: :parent_organisation_id,
+              class_name: "OrganisationalRelationship"
+    has_many :parent_organisational_relationships,
+              foreign_key: :child_organisation_id,
+              class_name: "OrganisationalRelationship",
+              dependent: :destroy
+    has_many :child_organisations,
+              through: :child_organisational_relationships
+    has_many :parent_organisations,
+              through: :parent_organisational_relationships
+  end
+
+
+  def up
+    add_column :organisations, :organisation_brand_colour_id, :integer
+
+    Organisation.find_each do |organisation|
+      colour = nil
+      # First, handle any exceptions to the rule
+      case organisation.slug
+        when "social-mobility-and-child-poverty-commission", "forestry-commission", "forest-research"
+
+          # No brand colour
+          next
+        when "export-guarantees-advisory-council"
+          colour = OrganisationBrandColour.find("uk-export-finance")
+        when "boundary-commission-for-wales"
+          colour = OrganisationBrandColour.find("wales-office")
+      end
+
+      # Second, see if there is a colour specifically for this org
+      if colour.nil?
+        begin
+          colour = OrganisationBrandColour.find(organisation.slug)
+        rescue ActiveRecord::RecordNotFound
+        end
+      end
+
+      # Finally, try and fill with first parent org
+      if colour.nil?
+        parent_orgs = organisation.parent_organisations
+        if parent_orgs.any?
+          begin
+            colour = OrganisationBrandColour.find(parent_orgs.first.slug)
+          rescue ActiveRecord::RecordNotFound
+          end
+        end
+      end
+
+      unless colour.nil?
+        organisation.update_attributes(organisation_brand_colour_id: colour.id)
+      end
+    end
+  end
+
+  def down
+    remove_column :organisations, :organisation_brand_colour_id
+  end
+end
diff --git a/db/schema.rb b/db/schema.rb
index ef419d2182b..9fd080edfd8 100644
--- a/db/schema.rb
+++ b/db/schema.rb
@@ -11,7 +11,7 @@
 #
 # It's strongly recommended to check this file into your version control system.
 
-ActiveRecord::Schema.define(:version => 20130730095758) do
+ActiveRecord::Schema.define(:version => 20130810034713) do
 
   create_table "about_pages", :force => true do |t|
     t.integer  "topical_event_id"
@@ -885,6 +885,7 @@
     t.integer  "important_board_members",                 :default => 1
     t.integer  "default_news_organisation_image_data_id"
     t.datetime "closed_at"
+    t.integer  "organisation_brand_colour_id"
   end
 
   add_index "organisations", ["default_news_organisation_image_data_id"], :name => "index_organisations_on_default_news_organisation_image_data_id"
diff --git a/test/functional/organisations_controller_test.rb b/test/functional/organisations_controller_test.rb
index 82f1e07a19b..cde830673f1 100644
--- a/test/functional/organisations_controller_test.rb
+++ b/test/functional/organisations_controller_test.rb
@@ -239,6 +239,12 @@ def self.sets_cache_control_max_age_to_time_of_next_scheduled(edition_type)
     end
   end
 
+  view_test "#show uses the correct organisation brand colour" do
+    organisation = create(:organisation, organisation_brand_colour_id: OrganisationBrandColour::HMGovernment.id)
+    get :show, id: organisation
+    assert_select ".hm-government-brand-colour"
+  end
+
   test "showing a live organisation renders the show template" do
     organisation = create(:organisation, govuk_status: 'live')
 
@@ -817,13 +823,13 @@ def self.sets_cache_control_max_age_to_time_of_next_scheduled(edition_type)
     refute_select special_representative_selector
   end
 
-  view_test "should place organisation specific css class on every organisation sub page" do
+  view_test "should place organisation brand colour css class on every organisation sub page" do
     ministerial_department = create(:organisation_type, name: "Ministerial Department")
-    organisation = create(:organisation, organisation_type: ministerial_department)
+    organisation = create(:organisation, organisation_type: ministerial_department, organisation_brand_colour_id: OrganisationBrandColour::HMGovernment.id)
 
     [:show, :about].each do |page|
       get page, id: organisation
-      assert_select "##{dom_id(organisation)}.#{organisation.slug}.ministerial-department"
+      assert_select "##{dom_id(organisation)}.#{organisation.organisation_brand_colour.class_name}-brand-colour.ministerial-department"
     end
   end
 
diff --git a/test/unit/helpers/organisation_helper_test.rb b/test/unit/helpers/organisation_helper_test.rb
index f1ec4a30587..201079997ca 100644
--- a/test/unit/helpers/organisation_helper_test.rb
+++ b/test/unit/helpers/organisation_helper_test.rb
@@ -23,13 +23,30 @@ class OrganisationHelperTest < ActionView::TestCase
     assert_equal "Building Law and Hygiene", organisation_logo_name(organisation, false)
   end
 
-  test 'organisation header helper should place org specific class onto the div' do
+  test 'organisation_wrapper should place org specific class onto the div' do
     organisation = build(:organisation, slug: "organisation-slug-yeah", name: "Building Law and Hygiene")
     html = organisation_wrapper(organisation) {  }
     div = Nokogiri::HTML.fragment(html)/'div'
     assert_match /organisation-slug-yeah/, div.attr('class').value
   end
 
+  test 'organisation_wrapper should place brand colour class onto the div' do
+    organisation = build(:organisation, organisation_brand_colour_id: OrganisationBrandColour::HMGovernment.id)
+    html = organisation_wrapper(organisation) {  }
+    div = Nokogiri::HTML.fragment(html)/'div'
+    assert_match /hm-government-brand-colour/, div.attr('class').value
+  end
+
+  test 'organisation_brand_colour_class generates blank class when org has no brand colour' do
+    org = build(:organisation)
+    assert_equal organisation_brand_colour_class(org), ""
+  end
+
+  test 'organisation_brand_colour_class generates correct class for brand colour' do
+    org = build(:organisation, organisation_brand_colour_id: 2)
+    assert_equal organisation_brand_colour_class(org), "cabinet-office-brand-colour"
+  end
+
   test 'extra_board_member_class returns clear_person at correct interval when many important board members' do
     organisation = stub('organistion', important_board_members: 2)
     assert_equal 'clear-person', extra_board_member_class(organisation, 0)
diff --git a/test/unit/organisation_test.rb b/test/unit/organisation_test.rb
index 65fe2a45b9b..6c1c096b954 100644
--- a/test/unit/organisation_test.rb
+++ b/test/unit/organisation_test.rb
@@ -728,4 +728,15 @@ class OrganisationTest < ActiveSupport::TestCase
 
     assert_equal [organisation], Organisation.with_published_editions(:policy)
   end
+
+  test '#organisation_brand_colour fetches the brand colour' do
+    org = create(:organisation, organisation_brand_colour_id: 1)
+    assert_equal org.organisation_brand_colour, OrganisationBrandColour::AttorneyGeneralsOffice
+  end
+
+  test '#organisation_brand_colour= sets the brand colour' do
+    org = create(:organisation)
+    org.organisation_brand_colour = OrganisationBrandColour::AttorneyGeneralsOffice
+    assert_equal org.organisation_brand_colour_id, 1
+  end
 end