Explore color palettes Search names, colors or project ideas. Enter up to five hex colors, separated by spaces, to rank the nearest distinct swatches. Collection filters combine: a palette must match each one.
Favorites share link #3286F0 #F3FA44 #F57D93 #542F9C
form / function
Make room for a good idea. A clear canvas. A little character. Thoughtful details Explore ↗
#172879 #3451BF #799AEC #D0E1F9
form / function
Make room for a good idea. A clear canvas. A little character. Thoughtful details Explore ↗
#F2A17E #F8C1A8 #F9DCC8 #FFF0DA
form / function
Make room for a good idea. A clear canvas. A little character. Thoughtful details Explore ↗
#BCBC78 #8D9564 #58674A #263D36
form / function
Make room for a good idea. A clear canvas. A little character. Thoughtful details Explore ↗
#DC2442 #F78AB0 #FFE3B5
form / function
Make room for a good idea. A clear canvas. A little character. Thoughtful details Explore ↗
#E9E0F5 #C9B7E3 #A18AC5 #6B548E
form / function
Make room for a good idea. A clear canvas. A little character. Thoughtful details Explore ↗
#057E83 #3AB7B3 #9FD8C3 #F8DF86
form / function
Make room for a good idea. A clear canvas. A little character. Thoughtful details Explore ↗
#ED6137 #CE244B #8D2462 #402A79 #182751
form / function
Make room for a good idea. A clear canvas. A little character. Thoughtful details Explore ↗
#192D35 #F27743
form / function
Make room for a good idea. A clear canvas. A little character. Thoughtful details Explore ↗
#A4E4CE #D5EF80 #FBACCC #B5A2EC #75BADB
form / function
Make room for a good idea. A clear canvas. A little character. Thoughtful details Explore ↗
#6A342C #A75A3C #CE8B5D #E7BC91
form / function
Make room for a good idea. A clear canvas. A little character. Thoughtful details Explore ↗
#C3DE89 #EF9BB0 #5E557D
form / function
Make room for a good idea. A clear canvas. A little character. Thoughtful details Explore ↗
#F5F6F0 #E7EAD9 #20241D #3448C5 #D5EC59
form / function
Make room for a good idea. A clear canvas. A little character. Thoughtful details Explore ↗
#161638 #4246A2 #A44AD0 #F7779F #66DBC9
form / function
Make room for a good idea. A clear canvas. A little character. Thoughtful details Explore ↗
#F7DF73 #EBC347 #A6AD59 #637846
form / function
Make room for a good idea. A clear canvas. A little character. Thoughtful details Explore ↗
#ED6E53 #EFC950 #6AAE9C #5574B2 #9B6BA5 #E7A4BF
form / function
Make room for a good idea. A clear canvas. A little character. Thoughtful details Explore ↗
#F4CA57 #EFA747 #D87B34 #B6502E #7C332B
form / function
Make room for a good idea. A clear canvas. A little character. Thoughtful details Explore ↗
#EAF0F2 #C6D6DC #8BA8B4 #4D7183
form / function
Make room for a good idea. A clear canvas. A little character. Thoughtful details Explore ↗
#EF692C #143B92 #F4D580
form / function
Make room for a good idea. A clear canvas. A little character. Thoughtful details Explore ↗
#F4D2D9 #D3A1AF #A9748E #71536E #43334F
form / function
Make room for a good idea. A clear canvas. A little character. Thoughtful details Explore ↗
#052E43 #084A63 #0F6E82 #3C99A2
form / function
Make room for a good idea. A clear canvas. A little character. Thoughtful details Explore ↗
#F9E7CF #F2CEA9 #E5AB8D #D18C7D
form / function
Make room for a good idea. A clear canvas. A little character. Thoughtful details Explore ↗
#E3F2D6 #BCDCB4 #7EAF91 #3D7B70
form / function
Make room for a good idea. A clear canvas. A little character. Thoughtful details Explore ↗
#F25D50 #F2BA40 #448BBD #8456B2 #55A697
form / function
Make room for a good idea. A clear canvas. A little character. Thoughtful details Explore ↗
No palettes match yet. Try fewer filters, another color, or a different project.
Show all palettes 228 palettes · Showing 1–24
1 2 3 4 5 6 7 8 9 10 Browse collections ↗ Suggest a palette Sage green Pastel Dark Autumn Wedding All palettes are available through the page links. Enable JavaScript to filter, save and compare.
Same layout. Different possibilities.
Which feels right? Compare the same content and its actual color pairs. Open a favorite in the studio to make it yours.
From inspiration to implementation Looks good.But does it work? Build both light and dark themes from your brand. Try real interfaces, check component pairs, and export the whole system.
Try the palette studio ↗ A good pairing Aa White on cobalt 7.29:1 · AA normal text
From the field notes A palette is a beginning.Give every color a job. Background, surface, text, action, accent. A simple way to turn five colors into a website that feels considered.
How to choose website colors ↗ Color palettes for websites, with the next step built in. These original freeform palettes and five-role website combinations are starting points for portfolios, journals, documentation, and product pages. Browse by mood, open a palette for role-by-role notes, then test your own combinations in the studio. Contrast belongs to a specific pair of colors: a palette is never a blanket accessibility guarantee.
Understand the contrast checks →