Download CSS

Red

50
#fef2f2
100
#fee2e2
200
#fecaca
300
#fca5a5
400
#f87171
500
#ef4444
600
#dc2626
700
#b91c1c
800
#991b1b
900
#7f1d1d
950
#450a0a

Orange

50
#fff7ed
100
#ffedd5
200
#fed7aa
300
#fdba74
400
#fb923c
500
#f97316
600
#ea580c
700
#c2410c
800
#9a3412
900
#7c2d12
950
#431407

Amber

50
#fffbeb
100
#fef3c7
200
#fde68a
300
#fcd34d
400
#fbbf24
500
#f59e0b
600
#d97706
700
#b45309
800
#92400e
900
#78350f
950
#451a03

Yellow

50
#fefce8
100
#fef9c3
200
#fef08a
300
#fde047
400
#facc15
500
#eab308
600
#ca8a04
700
#a16207
800
#854d0e
900
#713f12
950
#422006

Lime

50
#f7fee7
100
#ecfccb
200
#d9f99d
300
#bef264
400
#a3e635
500
#84cc16
600
#65a30d
700
#4d7c0f
800
#3f6212
900
#365314
950
#1a2e05

Green

50
#f0fdf4
100
#dcfce7
200
#bbf7d0
300
#86efac
400
#4ade80
500
#22c55e
600
#16a34a
700
#15803d
800
#166534
900
#14532d
950
#052e16

Emerald

50
#ecfdf5
100
#d1fae5
200
#a7f3d0
300
#6ee7b7
400
#34d399
500
#10b981
600
#059669
700
#047857
800
#065f46
900
#064e3b
950
#022c22

Teal

50
#f0fdfa
100
#ccfbf1
200
#99f6e4
300
#5eead4
400
#2dd4bf
500
#14b8a6
600
#0d9488
700
#0f766e
800
#115e59
900
#134e4a
950
#042f2e

Cyan

50
#ecfeff
100
#cffafe
200
#a5f3fc
300
#67e8f9
400
#22d3ee
500
#06b6d4
600
#0891b2
700
#0e7490
800
#155e75
900
#164e63
950
#083344

Sky

50
#f0f9ff
100
#e0f2fe
200
#bae6fd
300
#7dd3fc
400
#38bdf8
500
#0ea5e9
600
#0284c7
700
#0369a1
800
#075985
900
#0c4a6e
950
#082f49

Blue

50
#eff6ff
100
#dbeafe
200
#bfdbfe
300
#93c5fd
400
#60a5fa
500
#3b82f6
600
#2563eb
700
#1d4ed8
800
#1e40af
900
#1e3a8a
950
#172554

Indigo

50
#eef2ff
100
#e0e7ff
200
#c7d2fe
300
#a5b4fc
400
#818cf8
500
#6366f1
600
#4f46e5
700
#4338ca
800
#3730a3
900
#312e81
950
#1e1b4b

Violet

50
#f5f3ff
100
#ede9fe
200
#ddd6fe
300
#c4b5fd
400
#a78bfa
500
#8b5cf6
600
#7c3aed
700
#6d28d9
800
#5b21b6
900
#4c1d95
950
#2e1065

Purple

50
#faf5ff
100
#f3e8ff
200
#e9d5ff
300
#d8b4fe
400
#c084fc
500
#a855f7
600
#9333ea
700
#7e22ce
800
#6b21a8
900
#581c87
950
#3b0764

Fuchsia

50
#fdf4ff
100
#fae8ff
200
#f5d0fe
300
#f0abfc
400
#e879f9
500
#d946ef
600
#c026d3
700
#a21caf
800
#86198f
900
#701a75
950
#4a044e

Pink

50
#fdf2f8
100
#fce7f3
200
#fbcfe8
300
#f9a8d4
400
#f472b6
500
#ec4899
600
#db2777
700
#be185d
800
#9d174d
900
#831843
950
#500724

Rose

50
#fff1f2
100
#ffe4e6
200
#fecdd3
300
#fda4af
400
#fb7185
500
#f43f5e
600
#e11d48
700
#be123c
800
#9f1239
900
#881337
950
#4c0519

Slate

50
#f8fafc
100
#f1f5f9
200
#e2e8f0
300
#cbd5e1
400
#94a3b8
500
#64748b
600
#475569
700
#334155
800
#1e293b
900
#0f172a
950
#020617

Gray

50
#f9fafb
100
#f3f4f6
200
#e5e7eb
300
#d1d5db
400
#9ca3af
500
#6b7280
600
#4b5563
700
#374151
800
#1f2937
900
#111827
950
#030712

Zinc

50
#fafafa
100
#f4f4f5
200
#e4e4e7
300
#d4d4d8
400
#a1a1aa
500
#71717a
600
#52525b
700
#3f3f46
800
#27272a
900
#18181b
950
#09090b

Neutral

50
#fafafa
100
#f5f5f5
200
#e5e5e5
300
#d4d4d4
400
#a3a3a3
500
#737373
600
#525252
700
#404040
800
#262626
900
#171717
950
#0a0a0a

Stone

50
#fafaf9
100
#f5f5f4
200
#e7e5e4
300
#d6d3d1
400
#a8a29e
500
#78716c
600
#57534e
700
#44403c
800
#292524
900
#1c1917
950
#0c0a09

Red

50
#fefafa
100
#fdf0f0
200
#fadcda
300
#f7c0be
400
#f2a4a2
500
#ec8786
600
#c06868
700
#9b5353
800
#6f3a3a
900
#462322
950
#210d0d

Orange

50
#fdfaf9
100
#fcf1ec
200
#f9ded1
300
#f4c3ac
400
#efa987
500
#e98d61
600
#bc6d47
700
#985738
800
#6d3d26
900
#452515
950
#200e06

Amber

50
#fdfbf8
100
#fbf2e9
200
#f4e1ca
300
#ecc8a0
400
#e4b073
500
#db9640
600
#b17629
700
#8e5e1f
800
#664214
900
#402809
950
#1e1103

Yellow

50
#fcfbf8
100
#f7f3e8
200
#ede4c8
300
#dfce9b
400
#d1b86c
500
#c5a231
600
#9d8018
700
#7f6712
800
#5a480a
900
#382c05
950
#1a1302

Lime

50
#fbfbf8
100
#f4f4e9
200
#e6e6c9
300
#d3d29d
400
#c1be6f
500
#b0aa39
600
#8c8721
700
#706c1a
800
#504d10
900
#312f07
950
#161502

Green

50
#fbfcf9
100
#f1f5e9
200
#dfe7cc
300
#c6d5a3
400
#afc37a
500
#97b14c
600
#778d35
700
#607129
800
#43501b
900
#29320e
950
#111604

Emerald

50
#fafcf9
100
#eff6ec
200
#d8e9d2
300
#bad8ad
400
#9bc789
500
#7db664
600
#60914a
700
#4c753b
800
#355228
900
#203417
950
#0c1708

Teal

50
#f9fcfa
100
#ecf6ef
200
#d1eada
300
#acdabd
400
#86caa0
500
#5ab983
600
#419466
700
#337751
800
#225438
900
#133422
950
#06170d

Cyan

50
#f9fcfb
100
#eaf6f3
200
#ccebe3
300
#a2dbce
400
#75cab8
500
#39baa4
600
#1e9481
700
#177768
800
#0d5449
900
#06342c
950
#021713

Sky

50
#f9fcfd
100
#e9f6f9
200
#cbeaf1
300
#9fd9e6
400
#6fc7dc
500
#2ab6d1
600
#0690a8
700
#057487
800
#035260
900
#02333c
950
#01161b

Blue

50
#f9fcfe
100
#ecf5fd
200
#d0e7fb
300
#aad4f8
400
#83c0f5
500
#58acf2
600
#3e88c5
700
#316e9f
800
#214d72
900
#123048
950
#051522

Indigo

50
#fafbfe
100
#eef4fe
200
#d7e5fe
300
#b7cffe
400
#98bafe
500
#79a4fe
600
#5d82cf
700
#4a68a7
800
#334978
900
#1e2d4c
950
#0b1425

Violet

50
#fafbfe
100
#f1f2fe
200
#dfe2fe
300
#c6cbff
400
#afb4fe
500
#989cff
600
#787acf
700
#6062a8
800
#434578
900
#292a4d
950
#111225

Purple

50
#fbfbfe
100
#f5f2fd
200
#e7e0fc
300
#d5c6f9
400
#c4aef7
500
#b394f4
600
#8f74c7
700
#735da1
800
#514173
900
#332749
950
#171123

Fuchsia

50
#fcfafd
100
#f8f1fb
200
#efddf5
300
#e2c3ef
400
#d6a8e7
500
#ca8de1
600
#a36eb6
700
#835893
800
#5d3d69
900
#3b2543
950
#1b0f1f

Pink

50
#fdfafc
100
#faf0f7
200
#f5ddee
300
#edc1e0
400
#e5a5d3
500
#dc88c7
600
#b26aa0
700
#8f5480
800
#663a5b
900
#412339
950
#1e0e1a

Rose

50
#fdfafb
100
#fcf0f3
200
#f9dce4
300
#f4c0cf
400
#eea3bb
500
#e886a7
600
#bb6784
700
#97526a
800
#6c394b
900
#44222e
950
#200d14

Slate

50
#fafbfe
100
#f0f3ff
200
#e0e3f3
300
#cbcede
400
#b6b9c9
500
#a3a6b5
600
#808392
700
#666977
800
#474a57
900
#2b2e3a
950
#12141e

Gray

50
#fafbfe
100
#f0f3fe
200
#e1e3ee
300
#ccced9
400
#b7bac4
500
#a4a6b0
600
#82848d
700
#676973
800
#494a53
900
#2c2e36
950
#13141b

Zinc

50
#fafbfe
100
#f2f3f8
200
#e2e3e9
300
#cdced4
400
#b9babf
500
#a5a6ab
600
#838489
700
#696a6e
800
#4a4b4f
900
#2d2e32
950
#141418

Neutral

50
#fbfbfb
100
#f3f3f3
200
#e4e4e4
300
#cfcfcf
400
#bababa
500
#a6a6a6
600
#838383
700
#6a6a6a
800
#4b4b4b
900
#2e2e2e
950
#141414

Stone

50
#fefbf6
100
#f6f3ee
200
#e6e3df
300
#d1ceca
400
#bdbab5
500
#a9a6a2
600
#86847f
700
#6c6965
800
#4d4a47
900
#302e2b
950
#161411

Sand

50
#fffbf4
100
#f7f3ec
200
#e8e3dc
300
#d3cec7
400
#beb9b3
500
#aaa69f
600
#88837d
700
#6d6963
800
#4e4a45
900
#312e29
950
#17140f

Olive

50
#fbfcf7
100
#f3f4ef
200
#e3e5df
300
#cecfca
400
#babbb6
500
#a5a7a2
600
#83847f
700
#696b66
800
#4a4b47
900
#2e2f2b
950
#141511

Mauve

50
#fdfafe
100
#f6f2f7
200
#e6e2e6
300
#d1cdd1
400
#bcb9bd
500
#a8a5a9
600
#868386
700
#6c686c
800
#4d4a4d
900
#302d30
950
#161316

Brand

50
#f9faff
100
#f1f2ff
200
#dee2ff
300
#c6cbff
400
#aeb3ff
500
#989cff
600
#787ccc
700
#6062a4
800
#434576
900
#292b4c
950
#111225

Red

50
#fff7f6
100
#ffeae8
200
#ffcfcb
300
#feaaa4
400
#f8827c
500
#ef5655
600
#bf4342
700
#993433
800
#6e2322
900
#461313
950
#220605

Orange

50
#fff9f6
100
#ffefe7
200
#fedac7
300
#fcbe9c
400
#f79f6d
500
#f08039
600
#c0652c
700
#9a5021
800
#6e3815
900
#47210a
950
#220d02

Amber

50
#fefaf6
100
#fdf2e6
200
#fae1c6
300
#f5cb99
400
#efb267
500
#e89a26
600
#b97a1c
700
#946114
800
#6a440b
900
#442a05
950
#201201

Yellow

50
#fdfbf6
100
#faf6e7
200
#f5e9c7
300
#edd89b
400
#e4c568
500
#dcb31e
600
#b08e16
700
#8d710f
800
#655108
900
#403203
950
#1e1601

Lime

50
#fafcf6
100
#f1f7e7
200
#dfebc7
300
#c8dc9a
400
#b0cb69
500
#9abb28
600
#7a951e
700
#617716
800
#44540c
900
#2a3505
950
#121801

Green

50
#f7fcf7
100
#ebf7e9
200
#d0ebcd
300
#acdca7
400
#85cb7e
500
#5dbb55
600
#499542
700
#397733
800
#265422
900
#163513
950
#071805

Emerald

50
#f7fcf8
100
#e9f6ec
200
#ccead4
300
#a5dab4
400
#79c993
500
#47b873
600
#37925b
700
#2a7547
800
#1c5331
900
#0e341d
950
#04170a

Teal

50
#f6fcf9
100
#e8f6f1
200
#cbeade
300
#a1dac6
400
#72c9ad
500
#37b995
600
#2a9376
700
#20755e
800
#145342
900
#093428
950
#021711

Cyan

50
#f6fcfc
100
#e8f6f6
200
#c9eaeb
300
#9ddadb
400
#6bc9cb
500
#20b8bc
600
#179296
700
#107577
800
#095355
900
#033435
950
#011718

Sky

50
#f6fbfe
100
#e7f5fb
200
#c7e7f6
300
#9bd5ee
400
#68c1e6
500
#1caedd
600
#148ab0
700
#0e6e8d
800
#074e65
900
#033140
950
#01151e

Blue

50
#f6faff
100
#e8f2ff
200
#cae1fe
300
#a1c9fc
400
#76b0f9
500
#4a97f4
600
#3978c3
700
#2c5f9c
800
#1d4370
900
#0f2948
950
#041122

Indigo

50
#f7f9ff
100
#ebf0ff
200
#d1dbff
300
#afc0ff
400
#8ca2fc
500
#6e85f8
600
#5669c6
700
#44539f
800
#2f3a72
900
#1b2349
950
#090e23

Violet

50
#f9f9ff
100
#efeeff
200
#dcd9ff
300
#c2bbff
400
#a89cfe
500
#927cfb
600
#7462c9
700
#5c4da1
800
#403674
900
#27204a
950
#100c24

Purple

50
#fbf8ff
100
#f4eeff
200
#e6d7ff
300
#d3b8fd
400
#c097fa
500
#ae75f6
600
#8a5cc5
700
#6e489e
800
#4e3271
900
#311e49
950
#150b23

Fuchsia

50
#fdf8fe
100
#faecfd
200
#f3d4fa
300
#e9b3f5
400
#de8fef
500
#d26ae8
600
#a753b9
700
#864194
800
#602d6a
900
#3d1a44
950
#1c0920

Pink

50
#fff8fb
100
#feecf5
200
#fbd3e7
300
#f6b1d5
400
#ee8dc2
500
#e468b0
600
#b6528c
700
#92406f
800
#692c4f
900
#431931
950
#1f0816

Rose

50
#fff8f8
100
#ffecee
200
#ffd2d8
300
#fdafbc
400
#f68a9e
500
#ee6383
600
#be4e67
700
#983d52
800
#6d2939
900
#461822
950
#21070d

Slate

50
#f9f9fa
100
#eef0f2
200
#d9dce2
300
#bcc1cc
400
#9fa6b5
500
#848da0
600
#68707f
700
#525865
800
#3a3e47
900
#23262c
950
#0d0f13

Zinc

50
#f9f9f9
100
#efeff0
200
#dbdbdd
300
#c0c0c4
400
#a4a5ab
500
#8b8c93
600
#6e6f74
700
#57585c
800
#3d3d41
900
#252528
950
#0f0f10

Stone

50
#f9f9f9
100
#f0efef
200
#dddbda
300
#c3c0be
400
#a9a5a1
500
#918c87
600
#736f6b
700
#5b5854
800
#403d3b
900
#272524
950
#100f0e
Copied