diff --git a/source/_patterns/01-global/00-colors/_colors.scss b/source/_patterns/01-global/00-colors/_colors.scss
new file mode 100644
index 0000000000000000000000000000000000000000..0513c7d826aae10741c85b558cb86f9273fb2bd4
--- /dev/null
+++ b/source/_patterns/01-global/00-colors/_colors.scss
@@ -0,0 +1,83 @@
+$faculties: 'org-default', 'org-ahs', 'org-art', 'org-eng', 'org-env', 'org-mat', 'org-sci', 'org-school';
+
+@each $faculty in $faculties {
+ // Wrapping the element with this class, <body>.
+ .#{$faculty} {
+ // If the UW branding group
+ @if $faculty == org-default {
+ // Headings
+ h1,
+ h2,
+ h3,
+ h4,
+ h5,
+ h6 {
+ color: $uw-black;
+ }
+ // Generic links
+ a {
+ color: $uw-black;
+ &:visited {
+ color: $uw-gold;
+ }
+ &:hover,
+ &:focus {
+ color: $uw-grey;
+ }
+ &:active {
+ color: $uw-grey;
+ }
+ }
+ }
+ // Else run the loop on the faculties.
+ @else {
+ // MAke primary color.
+ .uw-blockquote__text,
+ .uw-blockquote__text::before,
+ .uw-blockquote__text::after{
+ color: gesso-brand($faculty, 'primary');
+ }
+ // Generic links.
+ a,
+ .card__title a{
+ color: gesso-brand($faculty, 'primary');
+ &:visited {
+ color: gesso-brand($faculty, 'primary');
+ }
+ &:hover,
+ &:focus {
+ color: gesso-brand($faculty, 'primary');
+ }
+ &:active {
+ color: gesso-brand($faculty, 'primary');
+ }
+ // Links as buttons need white.
+ &.button {
+ color: $uw-white;
+ &:visited {
+ color: $uw-white;
+ }
+ &:hover,
+ &:focus {
+ color: $uw-grey;
+ }
+ &:active {
+ color: $uw-grey;
+ }
+ }
+ &.pager__link {
+ color: $uw-black;
+ }
+ }
+
+ // Blackout the link
+ .layout-builder__link,
+ .timeline-info__withlink a,
+ .tabs a,
+ .toolbar-tray a{
+ color:$uw-black;
+ }
+ }
+ }
+}
+