--- title: J1 Colors tagline: md color palette date: 2021-01-08 00:00:00 +100 description: > The color palette used by J1 Template is based on the definitions of Google's Material Design (MD). The color scheme comprises primary and accent colors that can be used for illustration or to develop individual brand colors of a website, designed to work harmoniously with each other. categories: [ Previewer ] tags: [ MD, Colors ] scrollbar: false flowtext: false permalink: /pages/public/previewer/color_palette/ regenerate: false resources: [] resource_options: - attic: padding_top: 400 padding_bottom: 50 opacity: 0.5 slides: - url: /assets/images/modules/attics/markus-spiske4-1920x1280.jpg alt: Photo by Markus Spiske on Unsplash badge: type: unsplash author: Markus Spiske href: https://unsplash.com/@markusspiske --- // Page Initializer // ============================================================================= // Enable the Liquid Preprocessor :page-liquid: // :scrollbars: // Set (local) page attributes here // ----------------------------------------------------------------------------- // :page--attr: // Load Liquid procedures // ----------------------------------------------------------------------------- {% capture load_attributes %}themes/{{site.template.name}}/procedures/global/attributes_loader.proc{%endcapture%} // Load page attributes // ----------------------------------------------------------------------------- {% include {{load_attributes}} scope="global" %} // Page content // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ // Include sub-documents // ----------------------------------------------------------------------------- // Page content // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ == J1 Color Palette The color palette used by J1 Template is based on the definitions of Google's *Material Design* (MD). The color scheme comprises primary and accent colors that can be used for illustration or to develop individual brand colors of a website; designed to work harmoniously with each other. The color palette starts with primary colors and fills in the spectrum to create a complete and usable palette for Desktop and Mobile web sites based on Android or iOS. Google suggests using the 500 colors as the primary colors for your web and the other colors as accents colors to support the content for better reading or orientation. === Red and Pink ++++
++++ === Purple and Deep Purple ++++
++++ === Indigo and Blue ++++
++++ === Light Blue and Cyan ++++
++++ === Teal and Green ++++
++++ === Light Green and Lime ++++
++++ === Yellow and Amber ++++
++++ === Orange and Deep Orange ++++
++++ === Brown and Grey ++++
++++ === Blue Grey and BW ++++
++++