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.



