veive.design ↗

Menu de Módulos

Paleta Visualizar Acessibilidade Fusion Sistema Narrativa Galeria Exportar Sobre

Aparência

Sistema de Cores

Construa um sistema robusto com escalas tonais e tokens semânticos, pronto para uso em produção.

50

100

200

300

400

500

600

700

800

900

Azul Meia-Noite

#023047

50

#F2F2F3

#F2F2F3

100

#E4E5E6

#E4E5E6

200

#C6C8CB

#C6C8CB

300

#A1A6AA

#A1A6AA

400

#727A83

#727A83

500

#023047

#023047

600

#022B40

#022B40

700

#022537

#022537

800

#011E2D

#011E2D

900

#011520

#011520

Turquesa

#219EBC

50

#F2F7F9

#F2F7F9

100

#E5EFF3

#E5EFF3

200

#C7DDE7

#C7DDE7

300

#A3CAD9

#A3CAD9

400

#76B6CB

#76B6CB

500

#219EBC

#219EBC

600

#1E8DA8

#1E8DA8

700

#1A7A92

#1A7A92

800

#156477

#156477

900

#0F4754

#0F4754

Azul Colonial

#8ECAE6

50

#F6FAFD

#F6FAFD

100

#EDF5FA

#EDF5FA

200

#D9EBF5

#D9EBF5

300

#C3E1F0

#C3E1F0

400

#ABD6EB

#ABD6EB

500

#8ECAE6

#8ECAE6

600

#7FB5CE

#7FB5CE

700

#6E9CB2

#6E9CB2

800

#5A8091

#5A8091

900

#405A67

#405A67

Cobre

#FFB703

50

#FFF9F2

#FFF9F2

100

#FFF2E4

#FFF2E4

200

#FFE5C6

#FFE5C6

300

#FFD7A1

#FFD7A1

400

#FFC772

#FFC772

500

#FFB703

#FFB703

600

#E4A403

#E4A403

700

#C68E02

#C68E02

800

#A17402

#A17402

900

#725201

#725201

Laranja Âmbar

#FB8500

50

#FFF6F2

#FFF6F2

100

#FEECE4

#FEECE4

200

#FDD7C6

#FDD7C6

300

#FDBFA1

#FDBFA1

400

#FCA572

#FCA572

500

#FB8500

#FB8500

600

#E17700

#E17700

700

#C26700

#C26700

800

#9F5400

#9F5400

900

#703B00

#703B00

Neutral

#64748b

50

#F4F5F6

#F4F5F6

100

#E8EAEC

#E8EAEC

200

#CFD3D8

#CFD3D8

300

#B3B9C2

#B3B9C2

400

#919AA9

#919AA9

500

#64748B

#64748B

600

#59687C

#59687C

700

#4D5A6C

#4D5A6C

800

#3F4958

#3F4958

900

#2D343E

#2D343E

Neutral

#0f172a

50

#F2F2F2

#F2F2F2

100

#E4E4E5

#E4E4E5

200

#C6C6C7

#C6C6C7

300

#A2A2A5

#A2A2A5

400

#737478

#737478

500

#0F172A

#0F172A

600

#0D1526

#0D1526

700

#0C1221

#0C1221

800

#090F1B

#090F1B

900

#070A13

#070A13

Error

#ef4444

50

#FDF3F3

#FDF3F3

100

#FCE6E6

#FCE6E6

200

#F9CACA

#F9CACA

300

#F6AAAA

#F6AAAA

400

#F28181

#F28181

500

#EF4444

#EF4444

600

#D63D3D

#D63D3D

700

#B93535

#B93535

800

#972B2B

#972B2B

900

#6B1E1E

#6B1E1E

Warning

#f59e0b

50

#FEF7F2

#FEF7F2

100

#FDEFE4

#FDEFE4

200

#FBDDC6

#FBDDC6

300

#F9CAA2

#F9CAA2

400

#F7B672

#F7B672

500

#F59E0B

#F59E0B

600

#DB8D0A

#DB8D0A

700

#BE7A09

#BE7A09

800

#9B6407

#9B6407

900

#6E4705

#6E4705

Success

#10b981

50

#F2F9F5

#F2F9F5

100

#E4F3EB

#E4F3EB

200

#C6E6D6

#C6E6D6

300

#A2D8BE

#A2D8BE

400

#73C9A2

#73C9A2

500

#10B981

#10B981

600

#0EA573

#0EA573

700

#0C8F64

#0C8F64

800

#0A7552

#0A7552

900

#07533A

#07533A

Editar Exportar