#0F5C63
#2A8A8C
#9FD3CF
#F2F1EA
#1B6F73
#E07A5F
#F2CC8F
#F4F1DE
#0E3B4A
#1F7A8C
#8FD5D2
#EAF7F5
#222831
#575D65
#00ADB5
#EEEEEE
#116A7B
#CDC2AE
#ECE5C7
#C2DEDC
#0077B6
#00B4D8
#90E0EF
#CAF0F8
#03045E
#0077B6
#00B4D8
#90E0EF
#FFB703
#FB8500
#219EBC
#8ECAE6
#2A9D8F
#8AB17D
#E9C46A
#F4A261
#264653
#2A9D8F
#E76F51
#F4A261
#03256C
#2541B2
#1768AC
#06BEE1
#1F2041
#5A4F83
#FFC857
#119DA4
#03071E
#0B525B
#1B998B
#C2F970
#006D77
#83C5BE
#EDF6F9
#FFDDD2
#7400B8
#5E60CE
#4EA8DE
#80FFDB
#0B3D2E
#00FF87
#60EFFF
#FFFFFF
#00A8A8
#4FD1C5
#B2F5EA
#F0FFF4
#4A4E4D
#0E9AA7
#8FD3D6
#F6CD61
#0B132B
#3B487A
#5C7BA8
#6FFFE9
#06141B
#314C5A
#1FA2B8
#CDE9EF
#F8FAFA
#D8E2E1
#0F766E
#1C2B2A
#162631
#2A9CAB
#B1E3D6
#CBFFD0
#00B0CA
#79D213
#00ED9D
#58FDEE
#40DADC
#00BBED
#09C393
#3A8FF6
#7071CC
#00918B
#4E91D5
#4EBBDB
#5AA2D9
#8BB1FF
#00CED9
#5ED8FF
#B22B34
#F2C14E
#2E9CA6
#F4EBD9
#001C1A
#007C7E
#00A396
#71FEFF
#8A6800
#84A347
#00C38B
#56E7F4
#001A16
#00B6AE
#40D654
#C4F328
#0086A6
#4D9184
#37A8F6
#00CCD6
#2D00F7
#00F5D4
#F9F871
#111111
#0B0C10
#FF2A6D
#05D9E8
#D1F7FF
#A630C1
#755EF5
#7ABCFF
#80E6FF
#10002B
#7B2CBF
#E0AAFF
#00F5D4
#00C184
#64D2FC
#A9D875
#3DEEEC
#1A0B2E
#FF6EC7
#FFA62B
#2DE2E6
#0A0F1F
#304375
#00E5FF
#FF3C7E
#FFABA9
#CFCAF3
#E2E69B
#93F9FF
#00545D
#006E7A
#00C4CE
#3BD9F9
#00818A
#009D8C
#31CA88
#ACE496
#3A4750
#6E7F8A
#B8C4CB
#3CFFEA
#D8AE4F
#8E9700
#44A041
#008E71
#8AA944
#00967D
#007D82
#285A34
#FF6B6B
#FFE66D
#4ECDC4
#F7FFF7
#004345
#008991
#00B9B8
#00D4CE
#ECFFFE
#81FEF1
#87C8BE
#89978D
#7CEAE6
#35D7FF
#74BDFD
#788BF6
About teal color palettes
Teal sits between blue and green and reads as sophisticated yet fresh. These palettes range from deep peacock to airy aqua. Every palette below lists its four hex codes so you can copy a single color or export the whole scheme. Palettes are sorted by popularity; switch to “New” for the latest additions or “Random” for inspiration.
FAQ
What are the best teal color palettes?
Popular picks include Transformative Teal (#0F5C63, #2A8A8C, #9FD3CF, #F2F1EA); Teal & Terracotta 2026 (#1B6F73, #E07A5F, #F2CC8F, #F4F1DE); Ocean Glass 2026 (#0E3B4A, #1F7A8C, #8FD5D2, #EAF7F5). All 412 teal palettes are free to copy and use.
How do I use a teal palette on a website?
Pick one light color for backgrounds, one dark color for text, and use the remaining colors for accents and buttons. Open any palette on ColorSwoop to export it as CSS variables or a Tailwind config and check contrast with the built-in preview.