Tints Collections

    Discover our handpicked selection of tints and shades to elevate your designs

    Made with ❤️ by Manjunath R

    slate

    Format: hex

    slate-50

    #f8fafc

    slate-100

    #f1f5f9

    slate-200

    #e2e8f0

    slate-300

    #cbd5e1

    slate-400

    #94a3b8

    slate-500

    #64748b

    slate-600

    #475569

    slate-700

    #334155

    slate-800

    #1e293b

    slate-900

    #0f172a

    slate-950

    #020617

    gray

    Format: hex

    gray-50

    #f9fafb

    gray-100

    #f3f4f6

    gray-200

    #e5e7eb

    gray-300

    #d1d5db

    gray-400

    #9ca3af

    gray-500

    #6b7280

    gray-600

    #4b5563

    gray-700

    #374151

    gray-800

    #1f2937

    gray-900

    #111827

    gray-950

    #030712

    zinc

    Format: hex

    zinc-50

    #fafafa

    zinc-100

    #f4f4f5

    zinc-200

    #e4e4e7

    zinc-300

    #d4d4d8

    zinc-400

    #a1a1aa

    zinc-500

    #71717a

    zinc-600

    #52525b

    zinc-700

    #3f3f46

    zinc-800

    #27272a

    zinc-900

    #18181b

    zinc-950

    #09090b

    neutral

    Format: hex

    neutral-50

    #fafafa

    neutral-100

    #f5f5f5

    neutral-200

    #e5e5e5

    neutral-300

    #d4d4d4

    neutral-400

    #a3a3a3

    neutral-500

    #737373

    neutral-600

    #525252

    neutral-700

    #404040

    neutral-800

    #262626

    neutral-900

    #171717

    neutral-950

    #0a0a0a

    stone

    Format: hex

    stone-50

    #fafaf9

    stone-100

    #f5f5f4

    stone-200

    #e7e5e4

    stone-300

    #d6d3d1

    stone-400

    #a8a29e

    stone-500

    #78716c

    stone-600

    #57534e

    stone-700

    #44403c

    stone-800

    #292524

    stone-900

    #1c1917

    stone-950

    #0c0a09

    red

    Format: hex

    red-50

    #fef2f2

    red-100

    #fee2e2

    red-200

    #fecaca

    red-300

    #fca5a5

    red-400

    #f87171

    red-500

    #ef4444

    red-600

    #dc2626

    red-700

    #b91c1c

    red-800

    #991b1b

    red-900

    #7f1d1d

    red-950

    #450a0a

    orange

    Format: hex

    orange-50

    #fff7ed

    orange-100

    #ffedd5

    orange-200

    #fed7aa

    orange-300

    #fdba74

    orange-400

    #fb923c

    orange-500

    #f97316

    orange-600

    #ea580c

    orange-700

    #c2410c

    orange-800

    #9a3412

    orange-900

    #7c2d12

    orange-950

    #431407

    amber

    Format: hex

    amber-50

    #fffbeb

    amber-100

    #fef3c7

    amber-200

    #fde68a

    amber-300

    #fcd34d

    amber-400

    #fbbf24

    amber-500

    #f59e0b

    amber-600

    #d97706

    amber-700

    #b45309

    amber-800

    #92400e

    amber-900

    #78350f

    amber-950

    #451a03

    yellow

    Format: hex

    yellow-50

    #fefce8

    yellow-100

    #fef9c3

    yellow-200

    #fef08a

    yellow-300

    #fde047

    yellow-400

    #facc15

    yellow-500

    #eab308

    yellow-600

    #ca8a04

    yellow-700

    #a16207

    yellow-800

    #854d0e

    yellow-900

    #713f12

    yellow-950

    #422006

    green

    Format: hex

    green-50

    #f0fdf4

    green-100

    #dcfce7

    green-200

    #bbf7d0

    green-300

    #86efac

    green-400

    #4ade80

    green-500

    #22c55e

    green-600

    #16a34a

    green-700

    #15803d

    green-800

    #166534

    green-900

    #14532d

    green-950

    #052e16

    blue

    Format: hex

    blue-50

    #eff6ff

    blue-100

    #dbeafe

    blue-200

    #bfdbfe

    blue-300

    #93c5fd

    blue-400

    #60a5fa

    blue-500

    #3b82f6

    blue-600

    #2563eb

    blue-700

    #1d4ed8

    blue-800

    #1e40af

    blue-900

    #1e3a8a

    blue-950

    #172554

    indigo

    Format: hex

    indigo-50

    #eef2ff

    indigo-100

    #e0e7ff

    indigo-200

    #c7d2fe

    indigo-300

    #a5b4fc

    indigo-400

    #818cf8

    indigo-500

    #6366f1

    indigo-600

    #4f46e5

    indigo-700

    #4338ca

    indigo-800

    #3730a3

    indigo-900

    #312e81

    indigo-950

    #1e1b4b

    violet

    Format: hex

    violet-50

    #f5f3ff

    violet-100

    #ede9fe

    violet-200

    #ddd6fe

    violet-300

    #c4b5fd

    violet-400

    #a78bfa

    violet-500

    #8b5cf6

    violet-600

    #7c3aed

    violet-700

    #6d28d9

    violet-800

    #5b21b6

    violet-900

    #4c1d95

    violet-950

    #2e1065

    purple

    Format: hex

    purple-50

    #faf5ff

    purple-100

    #f3e8ff

    purple-200

    #e9d5ff

    purple-300

    #d8b4fe

    purple-400

    #c084fc

    purple-500

    #a855f7

    purple-600

    #9333ea

    purple-700

    #7e22ce

    purple-800

    #6b21a8

    purple-900

    #581c87

    purple-950

    #3b0764