Scaffold "color palette" docs page

docs/source/_layouts/master.blade.php

@@ -45,7 +45,11 @@
                                         Configuration
                                     </a>
                                 </li>
-
+                                <li class="mb-2">
+                                    <a class="{{ $page->active('/color-palette') ? 'text-dark text-medium' : 'text-dark-soft' }}" href="{{ $page->baseUrl }}/workflow/color-palette">
+                                        Color Palette
+                                    </a>
+                                </li>
                                 <li class="mb-2">
                                     <a class="{{ $page->active('/responsive-design') ? 'text-dark text-medium' : 'text-dark-soft' }}" href="{{ $page->baseUrl }}/workflow/responsive-design">
                                         Responsive Design

docs/source/workflow/color-palete.md

@@ -0,0 +1,10 @@
+---
+extends: _layouts.markdown
+title: "Color Palette"
+---
+
+# Color Palette
+
+- Explain default color palette
+- Document how to customize your color palette, using regular JS features in your config file to avoid duplication, merging colors, etc.
+- Talk about naming, how it's easy to use color-based names or hierarchy-based names, whatever floats your boat