Color Surf
Tap a color to copy it
Red
50
#fef2f2
#fef2f2
100
#fee2e2
#fee2e2
200
#fecaca
#fecaca
300
#fca5a5
#fca5a5
400
#f87171
#f87171
500
#ef4444
#ef4444
600
#dc2626
#dc2626
700
#b91c1c
#b91c1c
800
#991b1b
#991b1b
900
#7f1d1d
#7f1d1d
950
#450a0a
#450a0a
Orange
50
#fff7ed
#fff7ed
100
#ffedd5
#ffedd5
200
#fed7aa
#fed7aa
300
#fdba74
#fdba74
400
#fb923c
#fb923c
500
#f97316
#f97316
600
#ea580c
#ea580c
700
#c2410c
#c2410c
800
#9a3412
#9a3412
900
#7c2d12
#7c2d12
950
#431407
#431407
Amber
50
#fffbeb
#fffbeb
100
#fef3c7
#fef3c7
200
#fde68a
#fde68a
300
#fcd34d
#fcd34d
400
#fbbf24
#fbbf24
500
#f59e0b
#f59e0b
600
#d97706
#d97706
700
#b45309
#b45309
800
#92400e
#92400e
900
#78350f
#78350f
950
#451a03
#451a03
Yellow
50
#fefce8
#fefce8
100
#fef9c3
#fef9c3
200
#fef08a
#fef08a
300
#fde047
#fde047
400
#facc15
#facc15
500
#eab308
#eab308
600
#ca8a04
#ca8a04
700
#a16207
#a16207
800
#854d0e
#854d0e
900
#713f12
#713f12
950
#422006
#422006
Lime
50
#f7fee7
#f7fee7
100
#ecfccb
#ecfccb
200
#d9f99d
#d9f99d
300
#bef264
#bef264
400
#a3e635
#a3e635
500
#84cc16
#84cc16
600
#65a30d
#65a30d
700
#4d7c0f
#4d7c0f
800
#3f6212
#3f6212
900
#365314
#365314
950
#1a2e05
#1a2e05
Green
50
#f0fdf4
#f0fdf4
100
#dcfce7
#dcfce7
200
#bbf7d0
#bbf7d0
300
#86efac
#86efac
400
#4ade80
#4ade80
500
#22c55e
#22c55e
600
#16a34a
#16a34a
700
#15803d
#15803d
800
#166534
#166534
900
#14532d
#14532d
950
#052e16
#052e16
Emerald
50
#ecfdf5
#ecfdf5
100
#d1fae5
#d1fae5
200
#a7f3d0
#a7f3d0
300
#6ee7b7
#6ee7b7
400
#34d399
#34d399
500
#10b981
#10b981
600
#059669
#059669
700
#047857
#047857
800
#065f46
#065f46
900
#064e3b
#064e3b
950
#022c22
#022c22
Teal
50
#f0fdfa
#f0fdfa
100
#ccfbf1
#ccfbf1
200
#99f6e4
#99f6e4
300
#5eead4
#5eead4
400
#2dd4bf
#2dd4bf
500
#14b8a6
#14b8a6
600
#0d9488
#0d9488
700
#0f766e
#0f766e
800
#115e59
#115e59
900
#134e4a
#134e4a
950
#042f2e
#042f2e
Cyan
50
#ecfeff
#ecfeff
100
#cffafe
#cffafe
200
#a5f3fc
#a5f3fc
300
#67e8f9
#67e8f9
400
#22d3ee
#22d3ee
500
#06b6d4
#06b6d4
600
#0891b2
#0891b2
700
#0e7490
#0e7490
800
#155e75
#155e75
900
#164e63
#164e63
950
#083344
#083344
Sky
50
#f0f9ff
#f0f9ff
100
#e0f2fe
#e0f2fe
200
#bae6fd
#bae6fd
300
#7dd3fc
#7dd3fc
400
#38bdf8
#38bdf8
500
#0ea5e9
#0ea5e9
600
#0284c7
#0284c7
700
#0369a1
#0369a1
800
#075985
#075985
900
#0c4a6e
#0c4a6e
950
#082f49
#082f49
Blue
50
#eff6ff
#eff6ff
100
#dbeafe
#dbeafe
200
#bfdbfe
#bfdbfe
300
#93c5fd
#93c5fd
400
#60a5fa
#60a5fa
500
#3b82f6
#3b82f6
600
#2563eb
#2563eb
700
#1d4ed8
#1d4ed8
800
#1e40af
#1e40af
900
#1e3a8a
#1e3a8a
950
#172554
#172554
Indigo
50
#eef2ff
#eef2ff
100
#e0e7ff
#e0e7ff
200
#c7d2fe
#c7d2fe
300
#a5b4fc
#a5b4fc
400
#818cf8
#818cf8
500
#6366f1
#6366f1
600
#4f46e5
#4f46e5
700
#4338ca
#4338ca
800
#3730a3
#3730a3
900
#312e81
#312e81
950
#1e1b4b
#1e1b4b
Violet
50
#f5f3ff
#f5f3ff
100
#ede9fe
#ede9fe
200
#ddd6fe
#ddd6fe
300
#c4b5fd
#c4b5fd
400
#a78bfa
#a78bfa
500
#8b5cf6
#8b5cf6
600
#7c3aed
#7c3aed
700
#6d28d9
#6d28d9
800
#5b21b6
#5b21b6
900
#4c1d95
#4c1d95
950
#2e1065
#2e1065
Purple
50
#faf5ff
#faf5ff
100
#f3e8ff
#f3e8ff
200
#e9d5ff
#e9d5ff
300
#d8b4fe
#d8b4fe
400
#c084fc
#c084fc
500
#a855f7
#a855f7
600
#9333ea
#9333ea
700
#7e22ce
#7e22ce
800
#6b21a8
#6b21a8
900
#581c87
#581c87
950
#3b0764
#3b0764
Fuchsia
50
#fdf4ff
#fdf4ff
100
#fae8ff
#fae8ff
200
#f5d0fe
#f5d0fe
300
#f0abfc
#f0abfc
400
#e879f9
#e879f9
500
#d946ef
#d946ef
600
#c026d3
#c026d3
700
#a21caf
#a21caf
800
#86198f
#86198f
900
#701a75
#701a75
950
#4a044e
#4a044e
Pink
50
#fdf2f8
#fdf2f8
100
#fce7f3
#fce7f3
200
#fbcfe8
#fbcfe8
300
#f9a8d4
#f9a8d4
400
#f472b6
#f472b6
500
#ec4899
#ec4899
600
#db2777
#db2777
700
#be185d
#be185d
800
#9d174d
#9d174d
900
#831843
#831843
950
#500724
#500724
Rose
50
#fff1f2
#fff1f2
100
#ffe4e6
#ffe4e6
200
#fecdd3
#fecdd3
300
#fda4af
#fda4af
400
#fb7185
#fb7185
500
#f43f5e
#f43f5e
600
#e11d48
#e11d48
700
#be123c
#be123c
800
#9f1239
#9f1239
900
#881337
#881337
950
#4c0519
#4c0519
Slate
50
#f8fafc
#f8fafc
100
#f1f5f9
#f1f5f9
200
#e2e8f0
#e2e8f0
300
#cbd5e1
#cbd5e1
400
#94a3b8
#94a3b8
500
#64748b
#64748b
600
#475569
#475569
700
#334155
#334155
800
#1e293b
#1e293b
900
#0f172a
#0f172a
950
#020617
#020617
Gray
50
#f9fafb
#f9fafb
100
#f3f4f6
#f3f4f6
200
#e5e7eb
#e5e7eb
300
#d1d5db
#d1d5db
400
#9ca3af
#9ca3af
500
#6b7280
#6b7280
600
#4b5563
#4b5563
700
#374151
#374151
800
#1f2937
#1f2937
900
#111827
#111827
950
#030712
#030712
Zinc
50
#fafafa
#fafafa
100
#f4f4f5
#f4f4f5
200
#e4e4e7
#e4e4e7
300
#d4d4d8
#d4d4d8
400
#a1a1aa
#a1a1aa
500
#71717a
#71717a
600
#52525b
#52525b
700
#3f3f46
#3f3f46
800
#27272a
#27272a
900
#18181b
#18181b
950
#09090b
#09090b
Neutral
50
#fafafa
#fafafa
100
#f5f5f5
#f5f5f5
200
#e5e5e5
#e5e5e5
300
#d4d4d4
#d4d4d4
400
#a3a3a3
#a3a3a3
500
#737373
#737373
600
#525252
#525252
700
#404040
#404040
800
#262626
#262626
900
#171717
#171717
950
#0a0a0a
#0a0a0a
Stone
50
#fafaf9
#fafaf9
100
#f5f5f4
#f5f5f4
200
#e7e5e4
#e7e5e4
300
#d6d3d1
#d6d3d1
400
#a8a29e
#a8a29e
500
#78716c
#78716c
600
#57534e
#57534e
700
#44403c
#44403c
800
#292524
#292524
900
#1c1917
#1c1917
950
#0c0a09
#0c0a09
Red
50
#fefafa
#fefafa
100
#fdf0f0
#fdf0f0
200
#fadcda
#fadcda
300
#f7c0be
#f7c0be
400
#f2a4a2
#f2a4a2
500
#ec8786
#ec8786
600
#c06868
#c06868
700
#9b5353
#9b5353
800
#6f3a3a
#6f3a3a
900
#462322
#462322
950
#210d0d
#210d0d
Orange
50
#fdfaf9
#fdfaf9
100
#fcf1ec
#fcf1ec
200
#f9ded1
#f9ded1
300
#f4c3ac
#f4c3ac
400
#efa987
#efa987
500
#e98d61
#e98d61
600
#bc6d47
#bc6d47
700
#985738
#985738
800
#6d3d26
#6d3d26
900
#452515
#452515
950
#200e06
#200e06
Amber
50
#fdfbf8
#fdfbf8
100
#fbf2e9
#fbf2e9
200
#f4e1ca
#f4e1ca
300
#ecc8a0
#ecc8a0
400
#e4b073
#e4b073
500
#db9640
#db9640
600
#b17629
#b17629
700
#8e5e1f
#8e5e1f
800
#664214
#664214
900
#402809
#402809
950
#1e1103
#1e1103
Yellow
50
#fcfbf8
#fcfbf8
100
#f7f3e8
#f7f3e8
200
#ede4c8
#ede4c8
300
#dfce9b
#dfce9b
400
#d1b86c
#d1b86c
500
#c5a231
#c5a231
600
#9d8018
#9d8018
700
#7f6712
#7f6712
800
#5a480a
#5a480a
900
#382c05
#382c05
950
#1a1302
#1a1302
Lime
50
#fbfbf8
#fbfbf8
100
#f4f4e9
#f4f4e9
200
#e6e6c9
#e6e6c9
300
#d3d29d
#d3d29d
400
#c1be6f
#c1be6f
500
#b0aa39
#b0aa39
600
#8c8721
#8c8721
700
#706c1a
#706c1a
800
#504d10
#504d10
900
#312f07
#312f07
950
#161502
#161502
Green
50
#fbfcf9
#fbfcf9
100
#f1f5e9
#f1f5e9
200
#dfe7cc
#dfe7cc
300
#c6d5a3
#c6d5a3
400
#afc37a
#afc37a
500
#97b14c
#97b14c
600
#778d35
#778d35
700
#607129
#607129
800
#43501b
#43501b
900
#29320e
#29320e
950
#111604
#111604
Emerald
50
#fafcf9
#fafcf9
100
#eff6ec
#eff6ec
200
#d8e9d2
#d8e9d2
300
#bad8ad
#bad8ad
400
#9bc789
#9bc789
500
#7db664
#7db664
600
#60914a
#60914a
700
#4c753b
#4c753b
800
#355228
#355228
900
#203417
#203417
950
#0c1708
#0c1708
Teal
50
#f9fcfa
#f9fcfa
100
#ecf6ef
#ecf6ef
200
#d1eada
#d1eada
300
#acdabd
#acdabd
400
#86caa0
#86caa0
500
#5ab983
#5ab983
600
#419466
#419466
700
#337751
#337751
800
#225438
#225438
900
#133422
#133422
950
#06170d
#06170d
Cyan
50
#f9fcfb
#f9fcfb
100
#eaf6f3
#eaf6f3
200
#ccebe3
#ccebe3
300
#a2dbce
#a2dbce
400
#75cab8
#75cab8
500
#39baa4
#39baa4
600
#1e9481
#1e9481
700
#177768
#177768
800
#0d5449
#0d5449
900
#06342c
#06342c
950
#021713
#021713
Sky
50
#f9fcfd
#f9fcfd
100
#e9f6f9
#e9f6f9
200
#cbeaf1
#cbeaf1
300
#9fd9e6
#9fd9e6
400
#6fc7dc
#6fc7dc
500
#2ab6d1
#2ab6d1
600
#0690a8
#0690a8
700
#057487
#057487
800
#035260
#035260
900
#02333c
#02333c
950
#01161b
#01161b
Blue
50
#f9fcfe
#f9fcfe
100
#ecf5fd
#ecf5fd
200
#d0e7fb
#d0e7fb
300
#aad4f8
#aad4f8
400
#83c0f5
#83c0f5
500
#58acf2
#58acf2
600
#3e88c5
#3e88c5
700
#316e9f
#316e9f
800
#214d72
#214d72
900
#123048
#123048
950
#051522
#051522
Indigo
50
#fafbfe
#fafbfe
100
#eef4fe
#eef4fe
200
#d7e5fe
#d7e5fe
300
#b7cffe
#b7cffe
400
#98bafe
#98bafe
500
#79a4fe
#79a4fe
600
#5d82cf
#5d82cf
700
#4a68a7
#4a68a7
800
#334978
#334978
900
#1e2d4c
#1e2d4c
950
#0b1425
#0b1425
Violet
50
#fafbfe
#fafbfe
100
#f1f2fe
#f1f2fe
200
#dfe2fe
#dfe2fe
300
#c6cbff
#c6cbff
400
#afb4fe
#afb4fe
500
#989cff
#989cff
600
#787acf
#787acf
700
#6062a8
#6062a8
800
#434578
#434578
900
#292a4d
#292a4d
950
#111225
#111225
Purple
50
#fbfbfe
#fbfbfe
100
#f5f2fd
#f5f2fd
200
#e7e0fc
#e7e0fc
300
#d5c6f9
#d5c6f9
400
#c4aef7
#c4aef7
500
#b394f4
#b394f4
600
#8f74c7
#8f74c7
700
#735da1
#735da1
800
#514173
#514173
900
#332749
#332749
950
#171123
#171123
Fuchsia
50
#fcfafd
#fcfafd
100
#f8f1fb
#f8f1fb
200
#efddf5
#efddf5
300
#e2c3ef
#e2c3ef
400
#d6a8e7
#d6a8e7
500
#ca8de1
#ca8de1
600
#a36eb6
#a36eb6
700
#835893
#835893
800
#5d3d69
#5d3d69
900
#3b2543
#3b2543
950
#1b0f1f
#1b0f1f
Pink
50
#fdfafc
#fdfafc
100
#faf0f7
#faf0f7
200
#f5ddee
#f5ddee
300
#edc1e0
#edc1e0
400
#e5a5d3
#e5a5d3
500
#dc88c7
#dc88c7
600
#b26aa0
#b26aa0
700
#8f5480
#8f5480
800
#663a5b
#663a5b
900
#412339
#412339
950
#1e0e1a
#1e0e1a
Rose
50
#fdfafb
#fdfafb
100
#fcf0f3
#fcf0f3
200
#f9dce4
#f9dce4
300
#f4c0cf
#f4c0cf
400
#eea3bb
#eea3bb
500
#e886a7
#e886a7
600
#bb6784
#bb6784
700
#97526a
#97526a
800
#6c394b
#6c394b
900
#44222e
#44222e
950
#200d14
#200d14
Slate
50
#fafbfe
#fafbfe
100
#f0f3ff
#f0f3ff
200
#e0e3f3
#e0e3f3
300
#cbcede
#cbcede
400
#b6b9c9
#b6b9c9
500
#a3a6b5
#a3a6b5
600
#808392
#808392
700
#666977
#666977
800
#474a57
#474a57
900
#2b2e3a
#2b2e3a
950
#12141e
#12141e
Gray
50
#fafbfe
#fafbfe
100
#f0f3fe
#f0f3fe
200
#e1e3ee
#e1e3ee
300
#ccced9
#ccced9
400
#b7bac4
#b7bac4
500
#a4a6b0
#a4a6b0
600
#82848d
#82848d
700
#676973
#676973
800
#494a53
#494a53
900
#2c2e36
#2c2e36
950
#13141b
#13141b
Zinc
50
#fafbfe
#fafbfe
100
#f2f3f8
#f2f3f8
200
#e2e3e9
#e2e3e9
300
#cdced4
#cdced4
400
#b9babf
#b9babf
500
#a5a6ab
#a5a6ab
600
#838489
#838489
700
#696a6e
#696a6e
800
#4a4b4f
#4a4b4f
900
#2d2e32
#2d2e32
950
#141418
#141418
Neutral
50
#fbfbfb
#fbfbfb
100
#f3f3f3
#f3f3f3
200
#e4e4e4
#e4e4e4
300
#cfcfcf
#cfcfcf
400
#bababa
#bababa
500
#a6a6a6
#a6a6a6
600
#838383
#838383
700
#6a6a6a
#6a6a6a
800
#4b4b4b
#4b4b4b
900
#2e2e2e
#2e2e2e
950
#141414
#141414
Stone
50
#fefbf6
#fefbf6
100
#f6f3ee
#f6f3ee
200
#e6e3df
#e6e3df
300
#d1ceca
#d1ceca
400
#bdbab5
#bdbab5
500
#a9a6a2
#a9a6a2
600
#86847f
#86847f
700
#6c6965
#6c6965
800
#4d4a47
#4d4a47
900
#302e2b
#302e2b
950
#161411
#161411
Sand
50
#fffbf4
#fffbf4
100
#f7f3ec
#f7f3ec
200
#e8e3dc
#e8e3dc
300
#d3cec7
#d3cec7
400
#beb9b3
#beb9b3
500
#aaa69f
#aaa69f
600
#88837d
#88837d
700
#6d6963
#6d6963
800
#4e4a45
#4e4a45
900
#312e29
#312e29
950
#17140f
#17140f
Olive
50
#fbfcf7
#fbfcf7
100
#f3f4ef
#f3f4ef
200
#e3e5df
#e3e5df
300
#cecfca
#cecfca
400
#babbb6
#babbb6
500
#a5a7a2
#a5a7a2
600
#83847f
#83847f
700
#696b66
#696b66
800
#4a4b47
#4a4b47
900
#2e2f2b
#2e2f2b
950
#141511
#141511
Mauve
50
#fdfafe
#fdfafe
100
#f6f2f7
#f6f2f7
200
#e6e2e6
#e6e2e6
300
#d1cdd1
#d1cdd1
400
#bcb9bd
#bcb9bd
500
#a8a5a9
#a8a5a9
600
#868386
#868386
700
#6c686c
#6c686c
800
#4d4a4d
#4d4a4d
900
#302d30
#302d30
950
#161316
#161316