Colors
Explore the thoughtfully curated color schemes of JTB_MD, which brings vibrancy and life to your web projects.
About
- The JTB_MD's color structure has a total of 12 color palettes, each with 13 variations in it.
- Each palette starts from a specific color and ends with another one. The middle variations are auto-generated ones that depend on the first and last colors specified.
- All colors and their variations have been added to the CSS
:root
and can be called with the combination of var(--jtb[Color]-[weight])
where the weight codes are set in the range of 1 to 13, increasing by 1.
All the utilities and components you can find in the library are using the following palettes in their designs
Color palettes
Here are the JTB_MD's color palettes for your project:
Purple palette
jtbPurple-1
jtbPurple-2
jtbPurple-3
jtbPurple-4
jtbPurple-5
jtbPurple-6
jtbPurple-7
jtbPurple-8
jtbPurple-9
jtbPurple-10
jtbPurple-11
jtbPurple-12
jtbPurple-13
Blue palette
jtbBlue-1
jtbBlue-2
jtbBlue-3
jtbBlue-4
jtbBlue-5
jtbBlue-6
jtbBlue-7
jtbBlue-8
jtbBlue-9
jtbBlue-10
jtbBlue-11
jtbBlue-12
jtbBlue-13
Aqua palette
jtbAqua-1
jtbAqua-2
jtbAqua-3
jtbAqua-4
jtbAqua-5
jtbAqua-6
jtbAqua-7
jtbAqua-8
jtbAqua-9
jtbAqua-10
jtbAqua-11
jtbAqua-12
jtbAqua-13
Green palette
jtbGreen-1
jtbGreen-2
jtbGreen-3
jtbGreen-4
jtbGreen-5
jtbGreen-6
jtbGreen-7
jtbGreen-8
jtbGreen-9
jtbGreen-10
jtbGreen-11
jtbGreen-12
jtbGreen-13
Lime palette
jtbLime-1
jtbLime-2
jtbLime-3
jtbLime-4
jtbLime-5
jtbLime-6
jtbLime-7
jtbLime-8
jtbLime-9
jtbLime-10
jtbLime-11
jtbLime-12
jtbLime-13
Yellow palette
jtbYellow-1
jtbYellow-2
jtbYellow-3
jtbYellow-4
jtbYellow-5
jtbYellow-6
jtbYellow-7
jtbYellow-8
jtbYellow-9
jtbYellow-10
jtbYellow-11
jtbYellow-12
jtbYellow-13
Orange palette
jtbOrange-1
jtbOrange-2
jtbOrange-3
jtbOrange-4
jtbOrange-5
jtbOrange-6
jtbOrange-7
jtbOrange-8
jtbOrange-9
jtbOrange-10
jtbOrange-11
jtbOrange-12
jtbOrange-13
Volcano palette
jtbVolcano-1
jtbVolcano-2
jtbVolcano-3
jtbVolcano-4
jtbVolcano-5
jtbVolcano-6
jtbVolcano-7
jtbVolcano-8
jtbVolcano-9
jtbVolcano-10
jtbVolcano-11
jtbVolcano-12
jtbVolcano-13
Red palette
jtbRed-1
jtbRed-2
jtbRed-3
jtbRed-4
jtbRed-5
jtbRed-6
jtbRed-7
jtbRed-8
jtbRed-9
jtbRed-10
jtbRed-11
jtbRed-12
jtbRed-13
Neutral palette
jtbNeutral-1
jtbNeutral-2
jtbNeutral-3
jtbNeutral-4
jtbNeutral-5
jtbNeutral-6
jtbNeutral-7
jtbNeutral-8
jtbNeutral-9
jtbNeutral-10
jtbNeutral-11
jtbNeutral-12
jtbNeutral-13
White palette
jtbWhite-1
jtbWhite-2
jtbWhite-3
jtbWhite-4
jtbWhite-5
jtbWhite-6
jtbWhite-7
jtbWhite-8
jtbWhite-9
jtbWhite-10
jtbWhite-11
jtbWhite-12
jtbWhite-13
Black palette
jtbBlack-1
jtbBlack-2
jtbBlack-3
jtbBlack-4
jtbBlack-5
jtbBlack-6
jtbBlack-7
jtbBlack-8
jtbBlack-9
jtbBlack-10
jtbBlack-11
jtbBlack-12
jtbBlack-13
Palette Creator
If the palettes above don't quite match your vision, fear not! Dive into our palette creation tool and craft your unique color schemes.
To wield this creative power, specify the initial and final color weights of your desired palette. The JTB_MD's algorithms will work their magic, conjuring a customized palette tailored just for you.
jtbColor-1
jtbColor-2
jtbColor-3
jtbColor-4
jtbColor-5
jtbColor-6
jtbColor-7
jtbColor-8
jtbColor-9
jtbColor-10
jtbColor-11
jtbColor-12
jtbColor-13
Copyright © 2024 JTBLabs - All rights reserved.