Design tokens

Paleta de cores

Cada família cromática tem 9 escalas com a marca principal no passo 5 (8 variantes + âncora). Superfícies usam #eae2cb; marrom alternativo usa rgb(0.276, 0.225, 0.188). Neutros: 12 passos.

Marca#7cc040

Contraste#352f26

Marrom alt.#463930

Superfície BG#eae2cb

1 · Cor da marca

9 escalas · marca principal #7cc040

Marca principal: #7cc040

1/1

#eff7e8

Escala 1

2/2

#d2eabe

Escala 2

3/3

#b6dc94

Escala 3

4/4

#99ce6a

Escala 4

5/5

#7cc040

Marca principal · passo 5

6/6

#639933

Escala 6

7/7

#497126

Escala 7

8/8

#304a19

Escala 8

9/9

#16230c

Escala 9

2 · Contraste da marca

9 escalas · marca principal #352f26

Marca principal: #352f26

1/1

#e7e6e5

Escala 1

2/2

#bab8b5

Escala 2

3/3

#8e8b85

Escala 3

4/4

#615d56

Escala 4

5/5

#352f26

Marca principal · passo 5

6/6

#2a251e

Escala 6

7/7

#1f1c16

Escala 7

8/8

#14120f

Escala 8

9/9

#0a0807

Escala 9

3 · Marrom alternativo

9 escalas · marca principal #463930 · rgb(0.276, 0.225, 0.188)

Marca principal: #463930

1/1

#e9e7e6

Escala 1

2/2

#c0bcb9

Escala 2

3/3

#97908b

Escala 3

4/4

#6f655e

Escala 4

5/5

#463930

Marca principal · passo 5

6/6

#382d26

Escala 6

7/7

#29221c

Escala 7

8/8

#1b1612

Escala 8

9/9

#0d0a09

Escala 9

4 · Superfícies

9 escalas · 8 variantes + marca #eae2cb no passo 5

Marca principal: #eae2cb

1/1

#fcfcf9

Escala 1

2/2

#f8f5ed

Escala 2

Elevated

#f3efe2

Escala 3

Raised

#efe8d6

Escala 4

#eae2cb

Marca principal · passo 5

6/6

#bab4a1

Escala 6

7/7

#8a8578

Escala 7

8/8

#5a574e

Escala 8

9/9

#2a2925

Escala 9

5 · Neutros

12 escalas · branco → preto

1/1

#ffffff

Escala 1

2/2

#e8e8e8

Escala 2

3/3

#d1d1d1

Escala 3

4/4

#b9b9b9

Escala 4

5/5

#a2a2a2

Marca principal · passo 5

6/6

#8b8b8b

Escala 6

7/7

#747474

Escala 7

8/8

#5d5d5d

Escala 8

9/9

#464646

Escala 9

10/10

#2e2e2e

Escala 10

11/11

#171717

Escala 11

12/12

#000000

Escala 12