design 1 & 2 complementary color palette exercise

Choose a primary color from your last week’s color palette exercise and build a complementary or triad color palette with light and dark versions using Paletton or another generator from those found on this site’s design and code page OR create your own shades based on a primary & secondary colors in CSS using CSS Variables to store your values.

:root {
  --primary-color: #ae3037;
  --primary-color-lt: #d24950;
  --primary-color-dk: #6c1419;
  --secondary-color: #30aea7;
  --secondary-color-lt: #81d4d0;
  --secondary-color-dk: #136a66;
}

Re-embed your original designspiration image OR start over.

Add the triad or complementary color palette (or other model) with shades from Paletton.

Published
Categorized as Posts

By Michael Branson Smith

Michael Smith is an Assistant Professor and Director of the Communications Technology program at York College. Prof. Smith hosts a personal digital archive project blog on Commons titled It Cannot Be Trivial.

Leave a comment

Your email address will not be published. Required fields are marked *