justyourpaletteColor Palettes
216 hand-picked palettes in 18 themes. Copy any hex code, check the best text pair, or open a palette in the generator to make it your own.
- Pastel Color Palettes12 palettes. Soft, light colors with low saturation.
- Neon Color Palettes12 palettes. Electric, glowing colors that pop on dark backgrounds.
- Earth Tone Color Palettes12 palettes. Natural browns, clays, olives and sands.
- Vintage Color Palettes12 palettes. Faded, retro colors from past decades.
- Minimalist Color Palettes12 palettes. Neutral palettes with at most one accent.
- Dark Mode Color Palettes12 palettes. Dark UI backgrounds, surfaces, text and one accent.
- Sunset Color Palettes12 palettes. Golden oranges, corals, pinks and dusky purples.
- Ocean Color Palettes12 palettes. Blues, teals and sea greens from deep water to shore.
- Nature Color Palettes12 palettes. Forest greens, meadow flowers, bark and sky.
- Autumn Color Palettes12 palettes. Pumpkin, maple, rust, cranberry and harvest gold.
- Winter Color Palettes12 palettes. Snow whites, icy blues, evergreen and holiday reds.
- Spring Color Palettes12 palettes. Blossom pinks, fresh greens and sunny yellows.
- Summer Color Palettes12 palettes. Bright, sunny colors: citrus, pool blue, watermelon.
- Warm Color Palettes12 palettes. Reds, oranges, golds and warm browns.
- Cool Color Palettes12 palettes. Blues, teals, greens and violets.
- Monochrome Color Palettes12 palettes. One hue from light to dark.
- Wedding Color Palettes12 palettes. Blush, sage, dusty blue, burgundy and champagne.
- Kids Color Palettes12 palettes. Playful, bright and friendly colors.
How to use a color palette
A palette of four or five colors usually covers a whole design: a light background, a dark text color, a main brand color and one or two accents. Give the colors roles before you start, and use them unevenly; the common 60-30-10 split (main, secondary, accent) keeps a design calm while the accent draws the eye to what matters.
Every palette here shows its best text pair, the two colors with the highest contrast, and whether that pair passes WCAG. If no pair reaches 4.5:1, use the palette for backgrounds and illustration and add a darker text color. To adapt a palette, open it in the palette generator, lock the colors you want to keep and regenerate the rest, then check text pairs in the contrast checker.