Color 色彩

基础色板

为您的项目定制默认调色板。

Slate

Slate - 0

#f8fafc

Slate - 1

#f1f5f9

Slate - 2

#e2e8f0

Slate - 3

#cbd5e1

Slate - 4

#94a3b8

Slate - 5

#64748b

Slate - 6

#475569

Slate - 7

#334155

Slate - 8

#1e293b

Slate - 9

#0f172a

Slate - 10

#020617

Gray

Gray - 0

#f9fafb

Gray - 1

#f3f4f6

Gray - 2

#e5e7eb

Gray - 3

#d1d5db

Gray - 4

#9ca3af

Gray - 5

#6b7280

Gray - 6

#4b5563

Gray - 7

#374151

Gray - 8

#1f2937

Gray - 9

#111827

Gray - 10

#030712

Zinc

Zinc - 0

#fafafa

Zinc - 1

#f4f4f5

Zinc - 2

#e4e4e7

Zinc - 3

#d4d4d8

Zinc - 4

#a1a1aa

Zinc - 5

#71717a

Zinc - 6

#52525b

Zinc - 7

#3f3f46

Zinc - 8

#27272a

Zinc - 9

#18181b

Zinc - 10

#09090b

Neutral

Neutral - 0

#fafafa

Neutral - 1

#f5f5f5

Neutral - 2

#e5e5e5

Neutral - 3

#d4d4d4

Neutral - 4

#a3a3a3

Neutral - 5

#737373

Neutral - 6

#525252

Neutral - 7

#404040

Neutral - 8

#262626

Neutral - 9

#171717

Neutral - 10

#0a0a0a

Stone

Stone - 0

#fafaf9

Stone - 1

#f5f5f4

Stone - 2

#e7e5e4

Stone - 3

#d6d3d1

Stone - 4

#a8a29e

Stone - 5

#78716c

Stone - 6

#57534e

Stone - 7

#44403c

Stone - 8

#292524

Stone - 9

#1c1917

Stone - 10

#0c0a09

Red

Red - 0

#fef2f2

Red - 1

#fee2e2

Red - 2

#fecaca

Red - 3

#fca5a5

Red - 4

#f87171

Red - 5

#ef4444

Red - 6

#dc2626

Red - 7

#b91c1c

Red - 8

#991b1b

Red - 9

#7f1d1d

Red - 10

#450a0a

Orange

Orange - 0

#fff7ed

Orange - 1

#ffedd5

Orange - 2

#fed7aa

Orange - 3

#fdba74

Orange - 4

#fb923c

Orange - 5

#f97316

Orange - 6

#ea580c

Orange - 7

#c2410c

Orange - 8

#9a3412

Orange - 9

#7c2d12

Orange - 10

#431407

Amber

Amber - 0

#fffbeb

Amber - 1

#fef3c7

Amber - 2

#fde68a

Amber - 3

#fcd34d

Amber - 4

#fbbf24

Amber - 5

#f59e0b

Amber - 6

#d97706

Amber - 7

#b45309

Amber - 8

#92400e

Amber - 9

#78350f

Amber - 10

#451a03

Yellow

Yellow - 0

#fefce8

Yellow - 1

#fef9c3

Yellow - 2

#fef08a

Yellow - 3

#fde047

Yellow - 4

#facc15

Yellow - 5

#eab308

Yellow - 6

#ca8a04

Yellow - 7

#a16207

Yellow - 8

#854d0e

Yellow - 9

#713f12

Yellow - 10

#422006

Lime

Lime - 0

#f7fee7

Lime - 1

#ecfccb

Lime - 2

#d9f99d

Lime - 3

#bef264

Lime - 4

#a3e635

Lime - 5

#84cc16

Lime - 6

#65a30d

Lime - 7

#4d7c0f

Lime - 8

#3f6212

Lime - 9

#365314

Lime - 10

#1a2e05

Green

Green - 0

#f0fdf4

Green - 1

#dcfce7

Green - 2

#bbf7d0

Green - 3

#86efac

Green - 4

#4ade80

Green - 5

#22c55e

Green - 6

#16a34a

Green - 7

#15803d

Green - 8

#166534

Green - 9

#14532d

Green - 10

#052e16

Emerald

Emerald - 0

#ecfdf5

Emerald - 1

#d1fae5

Emerald - 2

#a7f3d0

Emerald - 3

#6ee7b7

Emerald - 4

#34d399

Emerald - 5

#10b981

Emerald - 6

#059669

Emerald - 7

#047857

Emerald - 8

#065f46

Emerald - 9

#064e3b

Emerald - 10

#022c22

Teal

Teal - 0

#f0fdfa

Teal - 1

#ccfbf1

Teal - 2

#99f6e4

Teal - 3

#5eead4

Teal - 4

#2dd4bf

Teal - 5

#14b8a6

Teal - 6

#0d9488

Teal - 7

#0f766e

Teal - 8

#115e59

Teal - 9

#134e4a

Teal - 10

#042f2e

Cyan

Cyan - 0

#ecfeff

Cyan - 1

#cffafe

Cyan - 2

#a5f3fc

Cyan - 3

#67e8f9

Cyan - 4

#22d3ee

Cyan - 5

#06b6d4

Cyan - 6

#0891b2

Cyan - 7

#0e7490

Cyan - 8

#155e75

Cyan - 9

#164e63

Cyan - 10

#083344

Sky

Sky - 0

#f0f9ff

Sky - 1

#e0f2fe

Sky - 2

#bae6fd

Sky - 3

#7dd3fc

Sky - 4

#38bdf8

Sky - 5

#0ea5e9

Sky - 6

#0284c7

Sky - 7

#0369a1

Sky - 8

#075985

Sky - 9

#0c4a6e

Sky - 10

#082f49

Blue

Blue - 0

#eff6ff

Blue - 1

#dbeafe

Blue - 2

#bfdbfe

Blue - 3

#93c5fd

Blue - 4

#60a5fa

Blue - 5

#3b82f6

Blue - 6

#2563eb

Blue - 7

#1d4ed8

Blue - 8

#1e40af

Blue - 9

#1e3a8a

Blue - 10

#172554

Indigo

Indigo - 0

#eef2ff

Indigo - 1

#e0e7ff

Indigo - 2

#c7d2fe

Indigo - 3

#a5b4fc

Indigo - 4

#818cf8

Indigo - 5

#6366f1

Indigo - 6

#4f46e5

Indigo - 7

#4338ca

Indigo - 8

#3730a3

Indigo - 9

#312e81

Indigo - 10

#1e1b4b

Violet

Violet - 0

#f5f3ff

Violet - 1

#ede9fe

Violet - 2

#ddd6fe

Violet - 3

#c4b5fd

Violet - 4

#a78bfa

Violet - 5

#8b5cf6

Violet - 6

#7c3aed

Violet - 7

#6d28d9

Violet - 8

#5b21b6

Violet - 9

#4c1d95

Violet - 10

#2e1065

Purple

Purple - 0

#faf5ff

Purple - 1

#f3e8ff

Purple - 2

#e9d5ff

Purple - 3

#d8b4fe

Purple - 4

#c084fc

Purple - 5

#a855f7

Purple - 6

#9333ea

Purple - 7

#7e22ce

Purple - 8

#6b21a8

Purple - 9

#581c87

Purple - 10

#3b0764

Fuchsia

Fuchsia - 0

#fdf4ff

Fuchsia - 1

#fae8ff

Fuchsia - 2

#f5d0fe

Fuchsia - 3

#f0abfc

Fuchsia - 4

#e879f9

Fuchsia - 5

#d946ef

Fuchsia - 6

#c026d3

Fuchsia - 7

#a21caf

Fuchsia - 8

#86198f

Fuchsia - 9

#701a75

Fuchsia - 10

#4a044e

Pink

Pink - 0

#fdf2f8

Pink - 1

#fce7f3

Pink - 2

#fbcfe8

Pink - 3

#f9a8d4

Pink - 4

#f472b6

Pink - 5

#ec4899

Pink - 6

#db2777

Pink - 7

#be185d

Pink - 8

#9d174d

Pink - 9

#831843

Pink - 10

#500724

Rose

Rose - 0

#fff1f2

Rose - 1

#ffe4e6

Rose - 2

#fecdd3

Rose - 3

#fda4af

Rose - 4

#fb7185

Rose - 5

#f43f5e

Rose - 6

#e11d48

Rose - 7

#be123c

Rose - 8

#9f1239

Rose - 9

#881337

Rose - 10

#4c0519