Color Palettes — Free Palettes and Hex CodesSkip to content<br>Styles<br>Pastel<br>Vintage<br>Retro<br>Neon<br>Gold<br>Light<br>Dark<br>Warm<br>Cold<br>Summer<br>Fall<br>Winter<br>Spring<br>Happy<br>Nature<br>Earth<br>Night<br>Space<br>Rainbow<br>Gradient<br>Sunset<br>Sky<br>Sea<br>Kids<br>Skin<br>Food<br>Cream<br>Coffee<br>Wedding<br>Christmas<br>Halloween<br>Vibrant
Colors<br>Red<br>Orange<br>Yellow<br>Green<br>Turquoise<br>Blue<br>Purple<br>Pink<br>White<br>Gray<br>Black
Color palettes for designers and developers<br>Four-color palettes built in OKLCH. Click any swatch to copy its HEX.
Every color palette here is four colors chosen to work together, ready to drop into a design, a website or a slide deck. Click a swatch to copy its HEX code, or open a palette to take all four at once and download it as a PNG. Free for commercial work, no attribution, no sign-up.
#1E1513<br>#3B1E0D<br>#542B03<br>#5C4226
#AEBE61<br>#009AC2<br>#FF92A6<br>#75CE61
#9A4753<br>#C85D4E<br>#F7753E<br>#F9AC7B
#FF9744<br>#39F5E1<br>#C0B5FF<br>#E3A542
#B1E3D8<br>#C0DCDD<br>#DFCDDD<br>#EEC1BB
#9EDF69<br>#3BF289<br>#B7C5FF<br>#FF4A9F
#FAECD8<br>#EEE5D6<br>#E4DED4<br>#E3D5C1
#BB9514<br>#B8AD35<br>#00A0CC<br>#D3AAFF
#EFCCA0<br>#C7B5A4<br>#C09769<br>#A97D50
#00C5B6<br>#83B2FF<br>#FA8CB2<br>#AFA035
#BC704E<br>#9B6F4E<br>#644721<br>#9B7B32
#D8CCB6<br>#CAEDEC<br>#F6D4EB<br>#E8E5D1
#79B6B3<br>#A1BFC3<br>#9FC2CC<br>#CFE3F0
#4A9A6C<br>#00503E<br>#B47CA4<br>#C966A2
#00567E<br>#4D769B<br>#659AD2<br>#A7BBE7
#9E8F00<br>#7B8748<br>#789C68<br>#2C834F
#7F656B<br>#884F4D<br>#D5B2A4<br>#6D5130
#C39E55<br>#A08400<br>#6F6F00<br>#47571C
#82E8EA<br>#B4C2FF<br>#FFA9B2<br>#B8C85C
#2C1223<br>#34262C<br>#4C3038<br>#5F4041
No palettes yet<br>Run npm run generate to build the dataset.
Explore palettesThe full catalog, loading as you scroll<br>#FACCDCPastel<br>#FF0000Red<br>#FF7F50Coral<br>#FFA500Orange<br>#FFFF00Yellow<br>#FFD700Gold<br>#FFFFF0Ivory<br>#008000Green<br>#32CD32Lime green<br>#008080Teal<br>#0000FFBlue<br>#000080Navy<br>#8E4EC6Purple<br>#FFC0CBPink<br>#000000Black<br>#808080Gray<br>#9AD9E8Y2K<br>#C67B5CTuscan<br>View all colors
What makes a four-color palette work<br>Every palette here is built in OKLCH , a perceptually uniform color space, and that choice does most of the work. In OKLCH an equal step in lightness looks like an equal step to the eye, which is not true of RGB or HSL — in HSL a yellow and a blue at the same stated lightness look nothing alike. Working in a space that matches perception is why these four-color sets hold together instead of reading as four colors that happen to share a card.<br>Beyond the color space, three things separate a palette that works from one that merely varies. The four hues follow a classical relationship — monochrome, analogous, complementary, split complementary, triad or tetrad — rather than sitting at arbitrary angles. Lightness runs as a deliberate ladder from light to dark, because a palette with four mid-tones has nowhere to put text. And chroma tapers at the extremes, since very light and very dark colors physically hold less of it, which is what keeps the pale end from going chalky and the dark end from turning to mud.<br>Finding the color palette you need<br>The sidebar holds 43 categories. Style tags — pastel, vintage, retro, neon, warm, cold, sunset, night — describe the mood, while color tags narrow things to a family such as blue, green or pink. Tags come from the measured result rather than the intent behind it: a palette appears under Blue because its colors measure as blue, not because the preset that produced it was aiming that way.<br>If you already have one color in mind, the palette generator builds a scheme around it and lets you lock the shades worth keeping. To pull a palette out of a photograph instead, the image extractor clusters the pixels and returns the colors that actually define the picture. There are eight free color tools in all, and every one of them runs entirely in your browser.
Palette Vault · 2026