Skip to content
DesignPorn

Color palette inspiration taken from real designs

Color palette inspiration is a set of colors that already work together in real designs. This page shows palettes with the share each color takes, so you see how much accent to use.

Designs
193
Dark canvas
27%

5 designs match the filters, newest first

About colors

How to use color palette inspiration

Most strong palettes are quiet. A large neutral area, a main color, and a small accent for emphasis. Because each palette comes from a finished design, you see how the colors behave with real type and space.

On DesignPorn you can search color palettes in plain words, or upload a screenshot to find designs like it. Open any item to see its palette with share, its heading and body fonts, and its spacing base unit. Save the best to a board and send it to a client by private link. Every item has a source link and a credit to its author. Next, look at typography inspiration.

Keep going with typography inspiration, branding inspiration and graphic design inspiration.

Patterns to look for

  • One neutral covers most of the surface.
  • One accent is used for action and emphasis.
  • Text colors keep strong contrast with the background.
  • A second accent appears only for data or status.
  • The share of each color is uneven on purpose.

Pattern breakdown

What makes great colors, from our data

Counted over the 193 curated colors in the library.

193

Designs

27%

Use a dark canvas

4 px

Most common base unit

Most used hue families

  • Orange 33%
  • Blue 28%
  • Amber 19%
  • Red 16%
  • Indigo 16%

Share of designs where the hue covers part of the page.

Heading fonts

  • Inter15
  • Plain10
  • SF Pro Text5
  • Geist4
  • Monument Grotesk4

Spacing base units

  • 4 px84 designs
  • 2 px49 designs
  • 8 px37 designs

FAQ

Color palette inspiration questions

How do I pick a color palette?

Start with a neutral, add one main color, then one accent. Test the contrast of text.

What does palette share mean?

It is how much of the design each color covers.

Can I search by color?

Yes. Filter by hue or search in plain words, such as warm and calm.

What contrast is needed for text?

Aim for a ratio of at least 4.5 to 1 for body text.

Search colors by style

Describe the look in plain words or upload a screenshot. The first search needs no account.

Search designs
Search designs