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%
No designs match these filters
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.