Frequently Asked Questions
Everything you need to know about using PaletteCSS.
PaletteCSS is a free online color palette tool for designers and developers. You can browse thousands of curated color combinations, copy hex codes, generate CSS variables, Tailwind config, and download palettes as PNG images. It also includes a CSS gradient library with copyable gradient code.
On any palette detail page, click directly on a color strip to copy its hex code to your clipboard instantly. You can also click the "Copy" button to copy all hex codes at once, or use the CSS variables, Tailwind config, or Hex Array export options.
Yes, all color palettes on PaletteCSS are completely free to use in personal and commercial projects. No attribution required. You can copy hex codes, CSS variables, or download palette images for use in websites, apps, branding, and design work.
Open any palette detail page and click the "Download image" button in the Copy & Download section. This generates a PNG image of the color palette that you can save and use in presentations, mood boards, or design projects.
On a palette detail page, click the "CSS" tab to see the palette exported as CSS custom properties (variables). Copy the code and paste it into your stylesheet. You can then reference the colors as var(--color-1), var(--color-2), etc. throughout your CSS.
Yes. On any palette detail page, click the "Tailwind" tab to see the palette exported in Tailwind CSS config format. Copy the colors object and paste it into your tailwind.config.js under the "colors" key to use the palette throughout your Tailwind project.
Click the "Submit a Palette" link in the navigation or footer. Choose your colors using the color pickers, add relevant tags, and submit. Your palette will be reviewed by our moderation team and published if it meets our quality guidelines. Submissions are free and no account is required.
A CSS gradient is a smooth transition between two or more colors defined in CSS using linear-gradient() or radial-gradient(). On PaletteCSS, browse the Gradients section to find beautiful gradient combinations. Click any gradient card to open the detail page where you can copy the CSS background property, SCSS variable, or Tailwind inline style.
PaletteCSS organizes palettes by mood (e.g. Calm, Energetic, Dark, Pastel) and industry (e.g. Healthcare, Technology, Fashion). Use the search bar to search by color name, hex code, or tag. You can also browse by tag using the sidebar on the homepage or the tag pages linked from individual palettes.
PaletteCSS supports HEX color codes (e.g. #FF5733) for all palettes. On detail pages you can export palettes as HEX, RGB, CSS variables, Tailwind config, SCSS variables, and JSON arrays. Gradients are exported as CSS background properties compatible with all modern browsers.