Color Palette List with HEX, RGB & HSL Codes (Click to Copy)

Hello, everyone around the world! Here is a color palette I prepared for you, with a wider range of colors and their codes. Just copy a code and use it in your own projects.

Pick a color tone below to see its colors and codes. You are viewing Neutral now, or search by name to look across every tone.

Free Color Palette List with HEX, RGB and HSL Codes

A good color palette saves hours of guessing. This page gives you more than 250 named colors, grouped by family, with the code for each one ready to copy. Pick a family above, click any color, and paste the code into your design tool, website, slide deck, or stylesheet.

What is a color palette?

A color palette is a small set of colors that are chosen to work together. Most projects need only three to six: a main color, one or two supporting colors, a neutral for backgrounds and text, and sometimes a bright accent for buttons or highlights. Starting from a fixed palette keeps a website, logo, or presentation looking consistent.

How to use this color code list

  1. Choose a color family with the buttons at the top, or type a color name into the search box.
  2. Pick the code format you need: HEX, RGB, or HSL.
  3. Click a color. The code is copied to your clipboard, so you can paste it straight into your editor.

HEX, RGB and HSL: which one should you use?

All three formats describe the same color in different ways. Here is crimson written all three ways:

  • #DC143C (HEX) is the most common format on the web. It is short and works in CSS, Figma, Photoshop, and almost every design tool.
  • rgb(220, 20, 60) (RGB) lists the amount of red, green, and blue from 0 to 255. It is handy in code when you want to add transparency with rgba().
  • hsl(348, 83%, 47%) (HSL) gives hue, saturation, and lightness. It is the easiest format to adjust by hand, because making a color lighter or darker only means changing one number.

Autumn color palette

Autumn colors are warm and earthy: rust, burnt orange, mustard, olive, and coffee brown. They suit blogs, cafe branding, and anything that should feel cozy.

Summer color palette

Summer palettes are bright and playful. Coral, orange, sunny yellow, fresh green, and a clear blue work well for event posters, social media posts, and kids' content.

Winter color palette

Winter colors lean cool and calm: deep navy, slate blue, icy teal, and soft whites. They give dashboards, business sites, and presentations a clean, focused look.

Spring color palette

Spring palettes use soft pastels such as blush pink, mint, butter yellow, and sky blue. They feel light and friendly, which makes them a good fit for wedding stationery, lifestyle blogs, and beauty brands.

Blue color palette

Blue is one of the most trusted colors in design, and it is used by banks, software companies, and health brands. This palette runs from a deep midnight shade to a pale sky tone, so you can build a full interface from a single hue.

Green color palette

Green suggests nature, growth, and calm. From dark forest to soft mint, these shades work for wellness, finance, food, and sustainability projects.

Tips for combining colors

  • Use the 60-30-10 rule. Let a dominant color cover about 60% of the design, a secondary color about 30%, and an accent about 10%.
  • Check text contrast. Body text should have a contrast ratio of at least 4.5:1 against its background to stay readable for everyone.
  • Stay in one family first. Several shades of one hue always look harmonious. Add a second hue only when you need something to stand out.
  • Test on real screens. Colors can look different on a phone, a laptop, and a printout, so check your choice on the devices your audience uses.

Frequently asked questions

Are these colors free to use?

Yes. Color codes are just numbers, so you can use them in personal and commercial projects without credit.

How do I use a HEX code in CSS?

Paste it as the value of a color property, for example color: #DC143C; or background-color: #DC143C;.

What is the difference between a color palette and a color scheme?

A palette is the actual set of colors you picked. A color scheme is the rule behind the choice, such as complementary, analogous, or monochromatic. This list helps you find the individual colors for either one.

Why do my colors look different in print?

Screens mix light (RGB), while printers mix ink (CMYK). Bright and neon shades are especially hard to reproduce on paper, so ask your printer for a proof if the exact color matters.

Comments

Post a Comment