Color Scheme Generator

Nick Moreton used LESS to create a complementary color scheme based on tips from this article.

I forked his pen to create a complementary and subtle color scheme using AngularJS that outputs code to SCSS, SASS, LESS, and CSS.

Here you can use the same ratios to create your own. Enjoy!

Base Color
{{colors.primaryLighten2}}
{{colors.primaryLighten}}
{{colors.primary}}
{{colors.primaryDarken}}
{{colors.primaryDarken2}}
{{colors.complementLighten2}}
{{colors.complementLighten}}
{{colors.complement}}
{{colors.complementDarken}}
{{colors.complementDarken2}}
Options
{{colorType}} {{hexCase}}

Output Code