Curated color palettes for designers and developers
imglogotool.com Color Palette Generator offers 64 hand-picked color palettes organized by mood, style, and framework — including official colors from Tailwind CSS, Bootstrap, Ant Design, Material UI, Chakra UI, and more. Click any palette to see HEX, RGB, and HSL values for every color. Copy individual colors or export as CSS variables. All free, no signup needed.
Browse palettes by category — Modern, Warm, Cool, Pastel, Dark, or Nature. Use the search bar to find by name.
Click a palette to see all colors with HEX, RGB, and HSL values. Click any color to copy its HEX code.
Export CSS variables — click "Copy" to get ready-to-use CSS custom properties for your project.
Color formats explained
| Format | Example | Best for |
|---|---|---|
| HEX | #4285f4 | CSS, design tools, brand guidelines |
| RGB | rgb(66, 133, 244) | CSS, JavaScript canvas, programmatic use |
| HSL | hsl(217, 89%, 61%) | CSS, creating tints/shades, accessibility |
How to choose the right palette
Framework palettes contain official colors from popular CSS libraries — Tailwind CSS, Bootstrap, Ant Design, Material UI, Chakra UI, Mantine, Radix, Primer (GitHub), Vuetify, and Bulma. Copy exact brand colors for consistency.
Modern palettes use clean blues, greens, and neutrals — ideal for SaaS, tech products, and developer tools.
Warm palettes feature reds, oranges, and golds — great for food, lifestyle, and e-commerce.
Cool palettes lean into blues and teals — perfect for finance, health, and corporate sites.
Pastel palettes use soft, muted tones — suited for children's brands, wellness, and creative portfolios.
Dark palettes feature deep backgrounds with high-contrast accents — ideal for dashboards, dev tools, and gaming.
Nature palettes draw from earth tones, greens, and sky blues — great for sustainability, outdoor, and organic brands.
Related tools
Need to convert images between formats? Use the Image Converter — batch convert PNG, JPG, WebP, AVIF, JPEG XL.
Building a Chrome extension? The Chrome Extension Icon Generator creates all required sizes.
Need a website favicon? The Favicon Generator creates .ico and PNG icons from any image.
Working with SVG? The SVG to PNG Converter exports at any resolution.
Frequently asked questions
How many color palettes are available?
64 curated palettes across 7 categories: Frameworks (Tailwind, Bootstrap, Ant Design, Material UI, Chakra UI, Mantine, Vuetify, Bulma), Modern, Warm, Cool, Pastel, Dark, and Nature. Each palette contains 5 colors.
What color formats are supported?
HEX, RGB, and HSL. Click any color to copy its HEX code, or export the entire palette as CSS variables.
Can I export palettes as CSS?
Yes. Select a palette and click "Copy" under CSS Variables to get ready-to-use custom properties like --color-1: #4285f4.
Is this color palette tool free?
Yes, 100% free. No signup, no limits. Everything runs in your browser.
How do I choose the right color palette?
Modern for tech/SaaS, Warm for food/lifestyle, Cool for finance/health, Pastel for wellness/creative, Dark for dashboards/gaming, Nature for eco/outdoor brands.
Can I use these palettes commercially?
Yes. All palettes are free for personal and commercial use. No attribution required.