Project

General

Profile

1
/* You can add reusable colors */
2

    
3
// Primary
4
$dark-orange-1: #933401;
5
$dark-orange-2: #571F01;
6
$orange: #D04A02;
7
$light-orange-1: #FD6412;
8
$light-orange-2: #FEB791;
9

    
10
$dark-tangerine-1: #AE6800;
11
$dark-tangerine-2: #714300;
12
$tangerine: #EB8C00;
13
$light-tangerine-1: #FFA929;
14
$light-tangerine-2: #FFDCA9;
15

    
16
$dark-yellow-1: #C28A00;
17
$dark-yellow-2: #855F00;
18
$yellow: #FFB600;
19
$light-yellow-1: #FFC83D;
20
$light-yellow-2: #FFECBD;
21

    
22
$dark-rose-1: #A43E50;
23
$dark-rose-2: #6E2A35;
24
$rose: #DB536A;
25
$light-rose-1: #E27588;
26
$light-rose-2: #F1BAC3;
27

    
28
$dark-red-1: #AA2417;
29
$dark-red-2: #741910;
30
$red: #E0301E;
31
$light-red-1: #E86153;
32
$Light-red-2: #F7C8C4;
33

    
34
$white: white;
35
$black: black;
36
$dark-grey: #2D2D2D;
37
$medium-grey: #464646;
38
$grey: #7D7D7D;
39
$light-grey: #DEDEDE;
40

    
41
// Secondary
42
$dark-purple-1: #6A1CE2;
43
$dark-purple-2: #4B06B2;
44
$purple: #9013FE;
45
$light-purple-1: #B15AFE;
46
$light-purple-2: #DEB8FF;
47

    
48
$dark-blue-1: #0060D7;
49
$dark-blue-2: #003DAB;
50
$blue: #0089EB;
51
$light-blue-1: #4DACF1;
52
$light-blue-2: #B3DCF9;
53

    
54
$dark-green-1: #2C8646;
55
$dark-green-2: #175C2C;
56
$green: #4EB523;
57
$light-green-1: #86DB4F;
58
$light-green-2: #C4FC9F;
59
$rose-for-white-type: #D93954;
60

    
61
// Status Colors
62
$status-red: #E0301E;
63
$status-yellow: #FFB600;
64
$status-green: #175C2C;
65

    
(5-5/13)