#2D4059
#EA5455
#F07B3F
#FFD460
#2A9D8F
#8AB17D
#E9C46A
#F4A261
#264653
#2A9D8F
#E76F51
#F4A261
#2B0F54
#AB1F65
#FF4F69
#FFF7F8
#D62828
#F77F00
#FCBF49
#EAE2B7
#003049
#D62828
#F77F00
#EAE2B7
#F9F0F7
#ADD500
#D1B7CC
#291D27
#40DADC
#00BBED
#09C393
#3A8FF6
#7071CC
#00918B
#4E91D5
#4EBBDB
#A92E65
#A1602E
#DB81D7
#F79287
#B22B34
#F2C14E
#2E9CA6
#F4EBD9
#D96C2C
#E9B44C
#8C5E2A
#F5E8C7
#7C8B3C
#C4B454
#D77A3B
#F2E9D4
#F46A9B
#FFD166
#06D6A0
#2B2D42
#97812C
#DDA855
#DE7164
#F2E9D4
#2B2B2B
#E63946
#F1FAEE
#457B9D
#13405A
#F14740
#FFA15F
#FFFBE4
#D8AE4F
#8E9700
#44A041
#008E71
#9AD3FF
#64E1AB
#00CBC3
#008BA3
#9F4786
#AA5E00
#D56380
#EE7055
#A694D2
#BF768E
#6879A2
#724370
#008B6D
#6C8B38
#00CFCB
#86D894
#AFB7FF
#BD9AED
#B577B4
#C45A8F
#585881
#4F748D
#B69ED1
#8FB2F0
#994978
#CD602B
#B980CE
#FF9CA4
#00333C
#D0246B
#FF735E
#F8DCB8
#A1CC93
#AAA9C7
#BA955A
#7C7A95
#3A0546
#B31D33
#FD5B03
#FFF7F8
#FFAA73
#B88900
#AF5F86
#CD484C
#19292F
#71838B
#EEE431
#E9F3F8
#FBF6FA
#C9B3C6
#00A44D
#1E171D
#66478D
#926DBA
#FFD050
#FCFAF5
#1F333D
#F749B0
#A1CEE3
#DBE8EE
#393A3C
#00BD3A
#ACB3C1
#E8E8EA
#00D8D0
#66B0E7
#37A4BD
#6481DC
#C898D0
#7DA693
#636144
#664C73
#AA7000
#009C66
#66A019
#B9A916
#A17669
#B1809F
#BE8A57
#EEA1AD
#283A31
#E623B0
#A5C6B5
#F0FBF5
#814160
#5C609A
#886E88
#B7ABCA
#3B684F
#855D7A
#B47798
#88BA9B
#026579
#229393
#70BEA6
#9DC2DE
#E9E9F5
#FCAF0C
#B8B7D3
#222132
#5D6038
#9D7E6C
#7590C2
#82B0E6
#825A7D
#C27C6A
#D598A7
#CEAA85
#3B8185
#C29D9B
#57B9BF
#E5ACB2
#DA99BB
#6FBEC0
#B79281
#246D72
#1B242E
#D3BF00
#B7CEE9
#F1F7FE
About retro color palettes
Retro palettes bring back the bold, warm combinations of the 60s, 70s and 80s: mustard, avocado, burnt orange and teal. 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 retro color palettes?
Popular picks include Retro Diner (#2D4059, #EA5455, #F07B3F, #FFD460); Seafoam Sherbet (#2A9D8F, #8AB17D, #E9C46A, #F4A261); Coral Reef (#264653, #2A9D8F, #E76F51, #F4A261). All 83 retro palettes are free to copy and use.
How do I use a retro 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.