Poniższa tablea prezentuje standardową paletę kolorów systemowych. Nazwę klas kolorów modyfikowanych przez dodanie barwy białej oznacza się przez dodanie przedrostka z wartością procentową przez kolorem, np. 80-red oznacza czerwony z domieszką 80% koloru białego. Nazwę klas kolorów modyfikowanych przez dodanie barwy czrnej oznacza się przez dodanie przedrostka z wartością procentową +100 przez kolorem, np. 180-red oznacza czerwony z domieszką 80% koloru czarnego.
| Darker 10% - #c21212 110-red |
| Darker 20% - #ad1010 120-red |
| Darker 30% - #970e0e 130-red |
| Darker 40% - #820c0c 140-red |
| Darker 50% - #6c0a0a 150-red |
| Darker 60% - #560808 160-red |
| Darker 70% - #410606 170-red |
| Darker 80% - #2b0404 180-red |
| Darker 90% - #160202 190-red |
| Brighter 10% - #dc2c2c 10-red |
| Brighter 20% - #e04343 20-red |
| Brighter 30% - #e45b5b 30-red |
| Brighter 40% - #e87272 40-red |
| Brighter 50% - #ec8a8a 50-red |
| Brighter 60% - #efa1a1 60-red |
| Brighter 70% - #f3b9b9 70-red |
| Brighter 80% - #f7d0d0 80-red |
| Brighter 90% - #fbe8e8 90-red |
| Darker 10% - #a311c0 110-magenta |
| Darker 20% - #910faa 120-magenta |
| Darker 30% - #7f0d95 130-magenta |
| Darker 40% - #6d0b80 140-magenta |
| Darker 50% - #5b0a6b 150-magenta |
| Darker 60% - #480855 160-magenta |
| Darker 70% - #360640 170-magenta |
| Darker 80% - #24042b 180-magenta |
| Darker 90% - #120215 190-magenta |
| Brighter 10% - #bc2bd9 10-magenta |
| Brighter 20% - #c442dd 20-magenta |
| Brighter 30% - #cb5ae2 30-magenta |
| Brighter 40% - #d371e6 40-magenta |
| Brighter 50% - #da89ea 50-magenta |
| Brighter 60% - #e1a1ee 60-magenta |
| Brighter 70% - #e9b8f2 70-magenta |
| Brighter 80% - #f0d0f7 80-magenta |
| Brighter 90% - #f8e7fb 90-magenta |
| Darker 10% - #49249e 110-violet |
| Darker 20% - #41208d 120-violet |
| Darker 30% - #391c7b 130-violet |
| Darker 40% - #31186a 140-violet |
| Darker 50% - #291458 150-violet |
| Darker 60% - #201046 160-violet |
| Darker 70% - #180c35 170-violet |
| Darker 80% - #100823 180-violet |
| Darker 90% - #080412 190-violet |
| Brighter 10% - #623eb8 10-violet |
| Brighter 20% - #7453c0 20-violet |
| Brighter 30% - #8569c8 30-violet |
| Brighter 40% - #977ed0 40-violet |
| Brighter 50% - #a894d8 50-violet |
| Brighter 60% - #b9a9df 60-violet |
| Brighter 70% - #cbbfe7 70-violet |
| Brighter 80% - #dcd4ef 80-violet |
| Brighter 90% - #eeeaf7 90-violet |
| Darker 10% - #124dc2 110-blue |
| Darker 20% - #1044ad 120-blue |
| Darker 30% - #0e3c97 130-blue |
| Darker 40% - #0c3382 140-blue |
| Darker 50% - #0a2b6c 150-blue |
| Darker 60% - #082256 160-blue |
| Darker 70% - #061a41 170-blue |
| Darker 80% - #04112b 180-blue |
| Darker 90% - #020916 190-blue |
| Brighter 10% - #2c66dc 10-blue |
| Brighter 20% - #4377e0 20-blue |
| Brighter 30% - #5b88e4 30-blue |
| Brighter 40% - #7299e8 40-blue |
| Brighter 50% - #8aaaec 50-blue |
| Brighter 60% - #a1bbef 60-blue |
| Brighter 70% - #b9ccf3 70-blue |
| Brighter 80% - #d0ddf7 80-blue |
| Brighter 90% - #e8eefb 90-blue |
| Darker 10% - #48b0c7 110-cyan |
| Darker 20% - #409cb1 120-cyan |
| Darker 30% - #38899b 130-cyan |
| Darker 40% - #307585 140-cyan |
| Darker 50% - #28626f 150-cyan |
| Darker 60% - #204e58 160-cyan |
| Darker 70% - #183b42 170-cyan |
| Darker 80% - #10272c 180-cyan |
| Darker 90% - #081416 190-cyan |
| Brighter 10% - #62c9e0 10-cyan |
| Brighter 20% - #73cfe4 20-cyan |
| Brighter 30% - #85d5e7 30-cyan |
| Brighter 40% - #96dbeb 40-cyan |
| Brighter 50% - #a8e1ee 50-cyan |
| Brighter 60% - #b9e7f1 60-cyan |
| Brighter 70% - #cbedf5 70-cyan |
| Brighter 80% - #dcf3f8 80-cyan |
| Brighter 90% - #eef9fc 90-cyan |
| Darker 10% - #128970 110-teal |
| Darker 20% - #107a63 120-teal |
| Darker 30% - #0e6a57 130-teal |
| Darker 40% - #0c5b4a 140-teal |
| Darker 50% - #0a4c3e 150-teal |
| Darker 60% - #083d32 160-teal |
| Darker 70% - #062e25 170-teal |
| Darker 80% - #041e19 180-teal |
| Darker 90% - #020f0c 190-teal |
| Brighter 10% - #2ca289 10-teal |
| Brighter 20% - #43ad96 20-teal |
| Brighter 30% - #5bb7a3 30-teal |
| Brighter 40% - #72c1b0 40-teal |
| Brighter 50% - #8accbe 50-teal |
| Brighter 60% - #a1d6cb 60-teal |
| Brighter 70% - #b9e0d8 70-teal |
| Brighter 80% - #d0eae5 80-teal |
| Brighter 90% - #e8f5f2 90-teal |
| Darker 10% - #0f870d 110-green |
| Darker 20% - #0e780b 120-green |
| Darker 30% - #0c690a 130-green |
| Darker 40% - #0a5a08 140-green |
| Darker 50% - #094b07 150-green |
| Darker 60% - #073c06 160-green |
| Darker 70% - #052d04 170-green |
| Darker 80% - #031e03 180-green |
| Darker 90% - #020f01 190-green |
| Brighter 10% - #29a126 10-green |
| Brighter 20% - #41ab3e 20-green |
| Brighter 30% - #58b656 30-green |
| Brighter 40% - #70c06e 40-green |
| Brighter 50% - #88cb87 50-green |
| Brighter 60% - #a0d59f 60-green |
| Brighter 70% - #b8e0b7 70-green |
| Brighter 80% - #cfeacf 80-green |
| Brighter 90% - #e7f5e7 90-green |
| Darker 10% - #83a600 110-lime |
| Darker 20% - #749300 120-lime |
| Darker 30% - #668100 130-lime |
| Darker 40% - #576e00 140-lime |
| Darker 50% - #495c00 150-lime |
| Darker 60% - #3a4a00 160-lime |
| Darker 70% - #2c3700 170-lime |
| Darker 80% - #1d2500 180-lime |
| Darker 90% - #0f1200 190-lime |
| Brighter 10% - #9cbf1a 10-lime |
| Brighter 20% - #a7c633 20-lime |
| Brighter 30% - #b2cd4d 30-lime |
| Brighter 40% - #bdd466 40-lime |
| Brighter 50% - #c8dc80 50-lime |
| Brighter 60% - #d3e399 60-lime |
| Brighter 70% - #deeab3 70-lime |
| Brighter 80% - #e9f1cc 80-lime |
| Brighter 90% - #f4f8e6 90-lime |
| Darker 10% - #dabf14 110-yellow |
| Darker 20% - #c2aa12 120-yellow |
| Darker 30% - #a9940f 130-yellow |
| Darker 40% - #917f0d 140-yellow |
| Darker 50% - #796a0b 150-yellow |
| Darker 60% - #615509 160-yellow |
| Darker 70% - #494007 170-yellow |
| Darker 80% - #302a04 180-yellow |
| Darker 90% - #181502 190-yellow |
| Brighter 10% - #f3d82d 10-yellow |
| Brighter 20% - #f5dd45 20-yellow |
| Brighter 30% - #f6e15c 30-yellow |
| Brighter 40% - #f7e573 40-yellow |
| Brighter 50% - #f9ea8b 50-yellow |
| Brighter 60% - #faeea2 60-yellow |
| Brighter 70% - #fbf2b9 70-yellow |
| Brighter 80% - #fcf6d0 80-yellow |
| Brighter 90% - #fefbe8 90-yellow |
| Darker 10% - #e69706 110-amber |
| Darker 20% - #cc8606 120-amber |
| Darker 30% - #b37605 130-amber |
| Darker 40% - #996504 140-amber |
| Darker 50% - #805404 150-amber |
| Darker 60% - #664303 160-amber |
| Darker 70% - #4d3202 170-amber |
| Darker 80% - #332201 180-amber |
| Darker 90% - #1a1101 190-amber |
| Brighter 10% - #ffb120 10-amber |
| Brighter 20% - #ffb939 20-amber |
| Brighter 30% - #ffc251 30-amber |
| Brighter 40% - #ffcb6a 40-amber |
| Brighter 50% - #ffd483 50-amber |
| Brighter 60% - #ffdc9c 60-amber |
| Brighter 70% - #ffe5b5 70-amber |
| Brighter 80% - #ffeecd 80-amber |
| Brighter 90% - #fff6e6 90-amber |
| Darker 10% - #bd6600 110-orange |
| Darker 20% - #a85a00 120-orange |
| Darker 30% - #934f00 130-orange |
| Darker 40% - #7e4400 140-orange |
| Darker 50% - #693900 150-orange |
| Darker 60% - #542d00 160-orange |
| Darker 70% - #3f2200 170-orange |
| Darker 80% - #2a1700 180-orange |
| Darker 90% - #150b00 190-orange |
| Brighter 10% - #d77f1a 10-orange |
| Brighter 20% - #db8d33 20-orange |
| Brighter 30% - #e09c4d 30-orange |
| Brighter 40% - #e4aa66 40-orange |
| Brighter 50% - #e9b880 50-orange |
| Brighter 60% - #edc699 60-orange |
| Brighter 70% - #f2d4b3 70-orange |
| Brighter 80% - #f6e3cc 80-orange |
| Brighter 90% - #fbf1e6 90-orange |
| Darker 10% - #764000 110-brown |
| Darker 20% - #693900 120-brown |
| Darker 30% - #5c3200 130-brown |
| Darker 40% - #4f2b00 140-brown |
| Darker 50% - #422400 150-brown |
| Darker 60% - #341c00 160-brown |
| Darker 70% - #271500 170-brown |
| Darker 80% - #1a0e00 180-brown |
| Darker 90% - #0d0700 190-brown |
| Brighter 10% - #8f591a 10-brown |
| Brighter 20% - #9c6c33 20-brown |
| Brighter 30% - #a87e4d 30-brown |
| Brighter 40% - #b59166 40-brown |
| Brighter 50% - #c1a380 50-brown |
| Brighter 60% - #cdb599 60-brown |
| Brighter 70% - #dac8b3 70-brown |
| Brighter 80% - #e6dacc 80-brown |
| Brighter 90% - #f3ede6 90-brown |
| 190% | 180% | 170% | 160% | 150% | 140% | 130% | 120% | 110% | Kolor bazowy | 90% | 80% | 70% | 60% | 50% | 40% | 30% | 20% | 10% |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
#1a1a1a 190-white |
#333333 180-white |
#4d4d4d 170-white |
#666666 160-white |
#808080 150-white |
#999999 140-white |
#b3b3b3 130-white |
#cccccc 120-white |
#e6e6e6 110-white |
white (#ffffff) | |||||||||
|
#131313 190-silver |
#262626 180-silver |
#3a3a3a 170-silver |
#4d4d4d 160-silver |
#606060 150-silver |
#737373 140-silver |
#868686 130-silver |
#9a9a9a 120-silver |
#adadad 110-silver |
silver (#c0c0c0) |
#c6c6c6 10-silver |
#cdcdcd 20-silver |
#d3d3d3 30-silver |
#d9d9d9 40-silver |
#e0e0e0 50-silver |
#e6e6e6 60-silver |
#ececec 70-silver |
#f2f2f2 80-silver |
#f9f9f9 90-silver |
|
#0b0b03 190-olive |
#151607 180-olive |
#20210a 170-olive |
#2b2c0e 160-olive |
#363711 150-olive |
#404214 140-olive |
#4b4d18 130-olive |
#56581b 120-olive |
#60631f 110-olive |
olive (#6b6e22) |
#7a7d38 10-olive |
#898b4e 20-olive |
#979a64 30-olive |
#a6a87a 40-olive |
#b5b791 50-olive |
#c4c5a7 60-olive |
#d3d4bd 70-olive |
#e1e2d3 80-olive |
#f0f1e9 90-olive |
|
#050505 190-gray |
#0a0a0a 180-gray |
#0f0f0f 170-gray |
#141414 160-gray |
#1a1a1a 150-gray |
#1f1f1f 140-gray |
#242424 130-gray |
#292929 120-gray |
#2e2e2e 110-gray |
gray (#333333) |
#474747 10-gray |
#5c5c5c 20-gray |
#707070 30-gray |
#858585 40-gray |
#999999 50-gray |
#adadad 60-gray |
#c2c2c2 70-gray |
#d6d6d6 80-gray |
#ebebeb 90-gray |
| black (#000000) |
#1a1a1a 10-black |
#333333 20-black |
#4d4d4d 30-black |
#666666 40-black |
#808080 50-black |
#999999 60-black |
#b3b3b3 70-black |
#cccccc 80-black |
#e6e6e6 90-black |
|||||||||