Site’s color palette

Relative luminance: Quantification of the intensity of color as seen by the human eye from the linear RGB componants: Y = 0,2116R + 0,7152G + 0,0722B.

Original : selected colors;
rlum 50% : colors computed so their relative luminance is 50%;
-sat 70% : colors computed so their relative luminance is 50%, with their saturation diminished by 70%.

The five variants are computed so their relative luminance is: 16,6 % ; 33,3 % ; 50,0 % ; 66,6 % and 83,3 %.

Palette

SASS

$palette: (
    'curious-blue': (
        'darker': #103045,
        'dark': #1F6089,
        'mid': #2F90CE,
        'light': #73B5DF,
        'lighter': #B9DAEF,
    ),
    'amethyst': (
        'darker': #441D64,
        'dark': #873BC6,
        'mid': #A56CD4,
        'light': #C39DE2,
        'lighter': #E1CEF1,
    ),
    'carmine': (
        'darker': #53201B,
        'dark': #A54036,
        'mid': #CC6C62,
        'light': #DD9D96,
        'lighter': #EECECB,
    ),
    'umber': (
        'darker': #3A2A00,
        'dark': #745400,
        'mid': #AD7F00,
        'light': #E7A900,
        'lighter': #FFD45E,
    ),
    'apple': (
        'darker': #103700,
        'dark': #216D00,
        'mid': #31A400,
        'light': #41DA00,
        'lighter': #78FF3F,
    ),
);