// In theory the lightness and saturation values of corresponding colors should not change. // In reality, these values should be adjusted to create a more pleasant color combination. // There is not any mathematical formula for this, but you can use the lighten, darken, // saturate and desaturate functions to adjust your main colors. !base_color = red !support_color = adjust_hue(!base_color, 30) !accent_color = adjust_hue(!base_color, -30) !base_dark_color = darken(!base_color, 50) !base_darker_color = darken(!base_color, 70) !base_darkest_color = darken(!base_color, 90) !base_light_color = lighten(!base_color, 50) !base_lighter_color = lighten(!base_color, 70) !base_lightest_color = lighten(!base_color, 90) !dark_support_color = darken(!support_color, 50) !darker_support_color = darken(!support_color, 70) !darkest_support_color = darken(!support_color, 90) !light_support_color = lighten(!support_color, 50) !lighter_support_color = lighten(!support_color, 70) !lightest_support_color = lighten(!support_color, 90) !dark_accent_color = darken(!accent_color, 50) !darker_accent_color = darken(!accent_color, 70) !darkest_accent_color = darken(!accent_color, 90) !light_accent_color = lighten(!accent_color, 50) !lighter_accent_color = lighten(!accent_color, 70) !lightest_accent_color = lighten(!accent_color, 90)