#2D4059
#EA5455
#F07B3F
#FFD460
#000000
#3A3A3A
#D4AF37
#F2F2F2
#FF6B6B
#FFD93D
#6BCB77
#4D96FF
#6A040F
#DC2F02
#F48C06
#FFBA08
#2A9D8F
#8AB17D
#E9C46A
#F4A261
#F94144
#F3722C
#F9C74F
#90BE6D
#1F2041
#5A4F83
#FFC857
#119DA4
#2B2B2B
#C9A227
#EAE7DC
#FFFFFF
#000814
#1B3A69
#2A5A99
#FFC300
#D62828
#F77F00
#FCBF49
#EAE2B7
#1A1A1A
#FF7B00
#FFB700
#FFF3D6
#FF006E
#FB5607
#FFBE0B
#8338EC
#FFF200
#FFD100
#FF9F1C
#FFFFFF
#FF8C42
#FFB347
#FFD166
#FFF1CC
#4A4E4D
#0E9AA7
#8FD3D6
#F6CD61
#161B22
#484E55
#F0B429
#E6EDF3
#251C00
#6F5E00
#D3A700
#F1BD3A
#8BEACA
#D0DC82
#E3BD60
#457042
#FAFAF8
#D9D9D4
#E3B505
#1E1E1C
#0A1A1E
#648691
#EED200
#D8E2E5
#F50037
#30558B
#F1FAEE
#E1BA00
#C9971C
#E4C36B
#8A6A44
#F5EEDF
#E09700
#E3C23E
#228EAA
#F8F8F8
#F0EFE4
#D1BA00
#B8B498
#2E2B1B
#B22B34
#F2C14E
#2E9CA6
#F4EBD9
#C3E8B9
#DEDA5E
#26E3B7
#70D0D9
#D96C2C
#E9B44C
#8C5E2A
#F5E8C7
#7C8B3C
#C4B454
#D77A3B
#F2E9D4
#F46A9B
#FFD166
#06D6A0
#2B2D42
#1C1509
#FFCA62
#E0D5C0
#F9F4EC
#912805
#924F0E
#E1AB4F
#DBCC79
#D62598
#7B2CBF
#FFC300
#FFFFFF
#E63946
#1D3557
#F1FAEE
#F4D35E
#B7426B
#D87300
#FFAC9F
#F8C13F
#727C6A
#A19C00
#E3A900
#E3B692
#D6D9DA
#A2ABAF
#D0BF00
#0A1418
#FF595E
#FFCA3A
#8AC926
#1982C4
#FF7B54
#FFB26B
#FFD56F
#939B62
#1A1A1A
#DB9700
#D6CB1A
#F3F7D9
#EF476F
#FFD166
#06D6A0
#118AB2
#D8AE4F
#8E9700
#44A041
#008E71
#FFD23F
#FF8C42
#3BCEAC
#FFFFFF
#FF6B6B
#FFE66D
#4ECDC4
#F7FFF7
#F6F7FF
#E4C400
#B2B9E2
#34374A
#2A6C00
#646E00
#009E66
#D2B01B
#907A00
#AD9A44
#D9BB00
#F3E345
#397700
#C88C00
#BCB600
#FFC9AC
#032722
#B4AB00
#00D3D4
#FFAFB3
About yellow color palettes
Yellow is the brightest hue and the hardest to balance. Each palette here pairs yellow with grounding tones so it stays readable and joyful. 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 yellow color palettes?
Popular picks include Retro Diner (#2D4059, #EA5455, #F07B3F, #FFD460); Golden Noir (#000000, #3A3A3A, #D4AF37, #F2F2F2); Tropical Punch (#FF6B6B, #FFD93D, #6BCB77, #4D96FF). All 321 yellow palettes are free to copy and use.
How do I use a yellow 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.