Color

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.

Platinum

50

#f8fafc

100

#f1f5f9

200

#e2e8f0

300

#cbd5e1

400

#94a3b8

500

#64748b

600

#475569

700

#334155

800

#1e293b

900

#0f172a

950

#020617

Magenta

50

#fef1f9

100

#fee5f5

200

#ffcaed

300

#ff9fdb

400

#ff63c1

500

#ff27a0

600

#f01284

700

#d10568

800

#ad0755

900

#8f0c4a

950

#580028

Purple

50

#f5f2ff

100

#ece8ff

200

#dad4ff

300

#c1b1ff

400

#a285ff

500

#7e49ff

600

#7630f7

700

#681ee3

800

#5718bf

900

#48169c

950

#2c0b6a

Blue

50

#edfaff

100

#d6f1ff

200

#b5e9ff

300

#83dcff

400

#48c7ff

500

#1ea7ff

600

#0689ff

700

#0075ff

800

#0859c5

900

#0d4e9b

950

#0e305d

Green

50

#e8ffe4

100

#cbffc5

200

#9aff92

300

#5bff53

400

#24fb20

500

#0d0

600

#00b505

700

#028907

800

#086c0c

900

#0c5b11

950

#003305

Yellow

50

#ffffe7

100

#feffc1

200

#fffd86

300

#fff441

400

#ffe50d

500

#ffd600

600

#d19d00

700

#a67102

800

#89570a

900

#74470f

950

#442504

Orange

50

#fffaec

100

#fff3d3

200

#ffe3a5

300

#ffce6d

400

#ffad32

500

#ff920a

600

#ff7a00

700

#cc5802

800

#a1440b

900

#823a0c

950

#461b04

Red

50

#fff2f1

100

#ffe1df

200

#ffc8c5

300

#ffa29d

400

#ff6c64

500

#ff2c20

600

#ed2115

700

#c8170d

800

#a5170f

900

#881a14

950

#4b0804

Brown

50

#fbf6ef

100

#f3e5d2

200

#e5c9a2

300

#d8a971

400

#cf8e50

500

#c5733b

600

#b95e35

700

#91412c

800

#773529

900

#622d25

950

#371511

Grey

50

#f6f6f6

100

#eee

200

#e2e2e2

300

#cbcbcb

400

#afafaf

500

#757575

600

#545454

700

#333

800

#1f1f1f

900

#141414

black

#000000

Discover more content

You have questions or need help?

E-Mail

You want to try?

Test for free

Save time and money?

Premium Version