Generate beautiful color palettes from a base color. Export as CSS or JSON.
#6366F1:root {
--palette-1: #64ADF2; /* -30 */
--palette-2: #648AF2; /* -15 */
--palette-3: #6467F2; /* Base */
--palette-4: #8564F2; /* +15 */
--palette-5: #A864F2; /* +30 */
}Free color palette generator that creates harmonious color schemes from any base color using color theory algorithms. Generate complementary, analogous, triadic, split-complementary, and monochromatic palettes. Copy individual color codes in HEX, RGB, or HSL format, or export the entire palette as CSS custom properties or JSON. Ideal for designers building brand identities, UI kits, and website color schemes.
Create beautiful CSS gradients with a visual editor. Copy the CSS code.
Design CSS box shadows visually with a live preview. Copy the code.
Enter any hex color code and instantly get its exact or closest color name. Covers all 16.7 million hex colors using a database of 1,500+ named colors and smart matching.
Check WCAG 2.1 color contrast ratios and accessibility compliance for text and backgrounds.
Visual CSS Flexbox playground - configure flex properties and get ready-to-use CSS and Tailwind code.
Visual CSS Grid layout builder - configure columns, rows, gaps, and item spans with live preview and code output.