Color Palettes

Find amazing color palettes for your brand. Every color palette has code generated for CSS, Sass, and TailwindCSS. You can also create a logo and then a brand guide using any of these palettes.

#588157
#b0a98f
#dad7cd
#344e41
Palette 1
#d8315b
#fffaff
#24070e
#3e92cc
Palette 2
#212237
#dd840c
#fae0d3
#fdb0aa
Palette 3
#1c555e
#af9390
#e2ded3
#f4f4ec
Palette 4
#9f5088
#edcbe3
#feecf8
#e6a2d5
Palette 5
#361075
#e6a2d5
#be4e4d
#f7f4c9
Palette 6
#0b6d3e
#f5f7e2
#568494
#945660
Palette 7
#e63946
#f1faee
#a8dadc
#457b9d
Palette 8
#00c4f7
#f5e900
#f53100
#f50087
Palette 9
#d500f7
#21f500
#f55a00
#009bf5
Palette 10
#005ff7
#f59700
#f500d8
#00f51d
Palette 11
#ec76ee
#79ee77
#eeb177
#77b4ee
Palette 12
#a876ee
#bcee77
#ee7781
#77eee4
Palette 13
#903fff
#2f0070
#5900d6
#c9a3ff
#04000a
Palette 14
#3fb1ff
#004370
#0081d6
#a3daff
#00060a
Palette 15
#3ffdff
#006e70
#00d3d6
#a3fdff
#000a0a
Palette 16
#3fff75
#007020
#00d63d
#a3ffbd
#000a03
Palette 17
#39e6cf
#7b39e6
#e639b5
#e6a439
Palette 18
#0084fe
#ff7b00
#fb00ff
#04ff00
Palette 19
#47e4a6
#a649e4
#87e449
#e44987
Palette 20
#d3e447
#49d4e4
#e45949
#5949e4
Palette 21
#a524ad
#aea424
#242dae
#2dae24
Palette 22
#8624ad
#030104
#451259
#b85add
#dcafef
Palette 23
#246aad
#010304
#123759
#5a9edd
#afd0ef
Palette 24
#24ad75
#010403
#12593b
#5adda6
#afefd4
Palette 25
#24ad2a
#010401
#125916
#5add60
#afefb2
Palette 26
#247bad
#9dae24
#ae5624
#ae2458
Palette 27
#3424ad
#36ae24
#9dae24
#ae5624
Palette 28
#7424ad
#24ae52
#5dae24
#ae9724
Palette 29
#9348fc
#d04afc
#fc4aed
#fc4ab2
Palette 30
#fc48d2
#fc4a97
#fc4a5c
#fc744a
Palette 31
#fc6f48
#fcac4a
#fce74a
#d6fc4a
Palette 32
#48fc92
#4afcd0
#4aedfc
#4ab2fc
Palette 33
#48fcf0
#4acdfc
#4a91fc
#4a56fc
Palette 34
#4899fc
#4a5ffc
#714afc
#ac4afc
Palette 35
#0024fe
#ffd900
#ff00a6
#00ff59
Palette 36
#0080fe
#ff8000
#ff00ff
#00ff00
Palette 37
#01ab16
#ad0199
#0143ad
#ad6b01
Palette 38
#34c732
#c8325a
#c532c8
#5532c8
Palette 39
#8ac732
#c832af
#7032c8
#3264c8
Palette 40
#ffa80d
#6b0fff
#0f67ff
#0fffe3
Palette 41
#ff300d
#0f27ff
#0fdbff
#0fff6f
Palette 42
#ec2827
#ec6927
#ecab27
#ecec27
Palette 43
#de445d
#de5e45
#de9145
#dec545
Palette 44
#de44cd
#de4599
#de4566
#de5745
Palette 45
#6c44de
#de6e45
#45b5de
#b5de45
Palette 46
#2d0897
#962e08
#087096
#709608
Palette 47
#084e97
#96084d
#089651
#965108
Palette 48
#088b97
#d3f9fd
#033135
#12e0f3
#72edf8
Palette 49
#089745
#d3fde5
#033519
#12f373
#72f8ac
Palette 50
#350897
#e0d3fd
#130335
#5912f3
#9d72f8
Palette 51
#850897
#f7d3fd
#2f0335
#d512f3
#e672f8
Palette 52
#97083c
#fdd3e3
#350315
#f31264
#f872a3
Palette 53
#7d552f
#f7efe9
#342314
#be8855
#dbbc9f
Palette 54
#4b7d2f
#eef7e9
#1f3414
#7cbe55
#b5db9f
Palette 55
#5f2f7d
#f1e9f7
#271434
#9655be
#c49fdb
Palette 56
#2f3e7d
#e9ecf7
#141a34
#556abe
#9fabdb
Palette 57
#2f747d
#757e30
#7e3075
Palette 58
#00cde7
#cbe600
#e600cb
Palette 59
#b200e7
#00e6b0
#e6b000
Palette 60
#ff746e
#70faff
#b3ff70
#bc70ff
Palette 61
#db453e
#3dd4db
#84db3d
#943ddb
Palette 62
#54db3e
#c63ddb
#3da1db
#db773d
Palette 63
#3eaddb
#db6d3d
#bc3ddb
#5ddb3d
Palette 64
#4b3edb
#cedb3d
#db3d7f
#3ddb99
Palette 65
#2c1ecc
#671ecc
#a11ecc
#cc1ebe
Palette 66
#77cc1e
#3ecc1e
#1ecc39
#1ecc72
Palette 67
#1ecc3c
#1ecc75
#1eccaf
#1eafcc
Palette 68
#1e85cc
#1e4dcc
#2a1ecc
#641ecc
Palette 69
#691ecc
#a41ecc
#cc1ebb
#cc1e81
Palette 70
#914eea
#c54dea
#ea4dda
#ea4da6
Palette 71
#ea4eaf
#ea4d7a
#ea554d
#ea894d
Palette 72
#5b87f6
#f6ca5a
#f65ad5
#5af67c
Palette 73
#f65bca
#5af686
#f6d55a
#5a7cf6
Palette 74
Baseline Studio screenshot

Have you tried Baseline?

Create branded designs with a single click using our incredibly simple graphic design tool and make a recognizable brand.

Check it out