accounts-frontend/packages/app/components/ui/colors.scss

$green: #207e5c;
$blue: #5b9aa9;
$red: #e66c69;
$violet: #6b5b8c;
$dark_blue: #28555b;
$light_violet: #8b5d79;
$orange: #dd8650;
$white: #ebe8e1;

$black: #232323;

$defaultButtonTextColor: #fff;
$whiteButtonLight: #f5f5f5;
$whiteButtonDark: #f5f5f5; // TODO: найти оптимальный цвет для прожатого состояния

@function darker($color) {
    $elyColorsMap: (
        $green: #1a6449,
        $blue: #568297,
        $red: #e15457,
        $violet: #66437a,
        $dark_blue: #233d49,
        $light_violet: #864567,
        $orange: #d86e3e,
        $black: #1c1c1c,
    );

    @if (map_has_key($elyColorsMap, $color)) {
        @return map-get($elyColorsMap, $color);
    } @else {
        @return darken($color, 4%);
    }
}

@function lighter($color) {
    $elyColorsMap: (
        $green: #379070,
        $blue: #71a6b2,
        $red: #fc7872,
        $violet: #816795,
        $dark_blue: #3e6164,
        $light_violet: #a16982,
        $orange: #f39259,
        $black: #2e2e2e,
    );

    @if (map_has_key($elyColorsMap, $color)) {
        @return map-get($elyColorsMap, $color);
    } @else {
        @return lighten($color, 3%);
    }
}