Color Palette Generator
Create beautiful color palettes with color harmony rules
Base Color
Palette Type
Actions
Your Palette (3 colors)
#33DBCA
#3398DB
#3344DB
Full Preview
Export
CSS Variables
:root {
--color-1: #33DBCA;
--color-2: #3398DB;
--color-3: #3344DB;
}JSON
{
"colors": [
"#33DBCA",
"#3398DB",
"#3344DB"
]
}Hex Codes
#33DBCA, #3398DB, #3344DB
Tailwind CSS Classes
bg-[#33DBCA] text-[#33DBCA] border-[#33DBCA] bg-[#3398DB] text-[#3398DB] border-[#3398DB] bg-[#3344DB] text-[#3344DB] border-[#3344DB]
Usage Examples
Card with accent
Card with accent
Card with accent
About Color Palettes
Color palettes are essential for creating cohesive and visually appealing designs. Our palette generator uses color theory principles to create harmonious color combinations.
Analogous
Colors that sit next to each other on the color wheel. Great for creating serene and comfortable designs.
Complementary
Colors opposite on the color wheel. Creates high contrast and vibrant designs.
Triadic
Three colors evenly spaced on the color wheel. Provides vibrant color schemes with good contrast.
Monochromatic
Different tints and shades of a single color. Creates a cohesive and elegant look.