You can edit 8 Components for free. Get premium for unlimited access.
Customizing the default color palette for your project.
Dynamic Layer includes an expertly-crafted default color palette out-of-the-box that is a great starting point if you don’t have your own specific branding in mind.
An 11-level color palette for the color red.
50
#FFF2F1
100
#FFE1DF
200
#FFC8C5
300
#FFA29D
400
#FF6C64
500
#FF2C20
600
#ED2115
700
#C8170D
800
#A5170F
900
#881A14
950
#4B0804
An 11-level color palette for the color rose.
50
#FFF1F2
100
#FFE4E6
200
#FECDD3
300
#FDA4AF
400
#FB7185
500
#F43F5E
600
#E11D48
700
#BE123C
800
#9F1239
900
#881337
950
#4C0519
An 11-level color palette for the color pink.
50
#FDF2F8
100
#FCE7F3
200
#FBCFE8
300
#F9A8D4
400
#F472B6
500
#EC4899
600
#DB2777
700
#BE185D
800
#9D174D
900
#831843
950
#500724
An 11-level color palette for the color magenta.
50
#FEF1F9
100
#FEE5F5
200
#FFCAED
300
#FF9FDB
400
#FF63C1
500
#FF27A0
600
#F01284
700
#D10568
800
#AD0755
900
#8F0C4A
950
#580028
An 11-level color palette for the color fuchsia.
50
#FDF4FF
100
#FAE8FF
200
#F5D0FE
300
#F0ABFC
400
#E879F9
500
#D946EF
600
#C026D3
700
#A21CAF
800
#86198F
900
#701A75
950
#4A044E
An 11-level color palette for the color purple.
50
#FAF5FF
100
#F3E8FF
200
#E9D5FF
300
#D8B4FE
400
#C084FC
500
#A855F7
600
#9333EA
700
#7E22CE
800
#6B21A8
900
#581C87
950
#3B0764
An 11-level color palette for the color violet.
50
#F5F2FF
100
#ECE8FF
200
#DAD4FF
300
#C1B1FF
400
#A285FF
500
#7E49FF
600
#7630F7
700
#681EE3
800
#5718BF
900
#48169C
950
#2C0B6A
An 11-level color palette for the color indigo.
50
#EEF2FF
100
#E0E7FF
200
#C7D2FE
300
#A5B4FC
400
#818CF8
500
#6366F1
600
#4F46E5
700
#4338CA
800
#3730A3
900
#312E81
950
#1E1B4B
An 11-level color palette for the color sky.
50
#F0F9FF
100
#E0F2FE
200
#BAE6FD
300
#7DD3FC
400
#38BDF8
500
#3B82F6
600
#2563EB
700
#1D4ED8
800
#1E40AF
900
#1E3A8A
950
#172554
An 11-level color palette for the color blue.
50
#EDFAFF
100
#D6F1FF
200
#B5E9FF
300
#83DCFF
400
#48C7FF
500
#1EA7FF
600
#0689FF
700
#0075FF
800
#0859C5
900
#0D4E9B
950
#0E305D
An 11-level color palette for the color cyan.
50
#ECFEFF
100
#CFFAFE
200
#A5F3FC
300
#67E8F9
400
#22D3EE
500
#06B6D4
600
#0891B2
700
#0E7490
800
#155E75
900
#164E63
950
#083344
An 11-level color palette for the color teal.
50
#F0FDFA
100
#CCFBF1
200
#99F6E4
300
#5EEAD4
400
#2DD4BF
500
#14B8A6
600
#0D9488
700
#0F766E
800
#115E59
900
#134E4A
950
#042F2E
An 11-level color palette for the color emerald.
50
#ECFDF5
100
#D1FAE5
200
#A7F3D0
300
#6EE7B7
400
#34D399
500
#10B981
600
#059669
700
#047857
800
#065F46
900
#064E3B
950
#022C22
An 11-level color palette for the color green.
50
#E8FFE4
100
#CBFFC5
200
#9AFF92
300
#5BFF53
400
#24FB20
500
#00DD00
600
#00B505
700
#028907
800
#086C0C
900
#0C5B11
950
#003305
An 11-level color palette for the color lime.
50
#F7FEE7
100
#ECFCCB
200
#D9F99D
300
#BEF264
400
#A3E635
500
#84CC16
600
#65A30D
700
#4D7C0F
800
#3F6212
900
#365314
950
#1A2E05
An 11-level color palette for the color yellow.
50
#FFFFE7
100
#FEFFC1
200
#FFFD86
300
#FFF441
400
#FFE50D
500
#FFD600
600
#D19D00
700
#A67102
800
#89570A
900
#74470F
950
#442504
An 11-level color palette for the color orange.
50
#FFFAEC
100
#FFF3D3
200
#FFE3A5
300
#FFCE6D
400
#FFAD32
500
#FF920A
600
#FF7A00
700
#CC5802
800
#A1440B
900
#823A0C
950
#461B04
An 11-level color palette for the color brown.
50
#FBF6EF
100
#F3E5D2
200
#E5C9A2
300
#D8A971
400
#CF8E50
500
#C5733B
600
#B95E35
700
#91412C
800
#773529
900
#622D25
950
#371511
An 11-level color palette for the color platinum.
50
#F8FAFC
100
#F1F5F9
200
#E2E8F0
300
#CBD5E1
400
#94A3B8
500
#64748B
600
#475569
700
#334155
800
#1E293B
900
#0F172A
950
#020617
An 11-level color palette for the color grey.
white
#FFFFFF
50
#F6F6F6
100
#EEEEEE
200
#E2E2E2
300
#CBCBCB
400
#AFAFAF
500
#757575
600
#545454
700
#333333
800
#1F1F1F
900
#141414
black
#000000
You have questions or need help?
You want to try?
Save time and money?