Skip to content
Colour Lab

Palette Collection

Browse 284 curated color palettes across artistic, nature, vintage, modern, soft, bold, seasonal and monochrome styles, and copy any colour.

  • #color palettes
  • #color palette ideas
  • #hex color palettes
  • #palette
  • #collection
  • #inspiration
  • #colour scheme
  • #swatches
100% client-side

Runs in your browser. Your data never leaves this device.

The Workbench
Palette Collection — workspaceLive
284 palettes
Want to create your own palette?
Open Palette Generator
Network requests0
Bytes uploaded0
Trackers fired0
The Guide

About Palette Collection

/01 A library of ready-made palettes

Browse curated colour palettes and copy any swatch or whole set. Useful when you need a starting point and have no seed colour in mind, or when you want to see how experienced choices are put together before making your own.

Every swatch copies as a hex value ready to paste.

/02 Using a ready-made palette well

Borrowed palettes rarely drop in unchanged. The proportions matter as much as the colours: a palette shown as five equal blocks says nothing about which shade should cover most of the page and which should appear once.

Assign roles before you use one — a dominant colour, supporting shades, a neutral for text, and one accent held back for emphasis. Then verify the pairs you will actually set text in, since a palette that looks handsome as swatches can fail contrast the moment it becomes an interface.

/03 A library of ready-made color palettes

Starting from a blank colour picker is slow. This collection gives you 284 curated color palettes to browse, grouped into categories so you can go straight to a mood: artistic, bold, classic, modern, monochrome, nature, seasonal, soft and vintage, plus a set inspired by mechanical keyboard keycaps.

Click any swatch to copy its hex code, or open a palette in the generator to edit it, lock the colours you want to keep and explore variations. When one colour becomes your brand colour, expand it into a full Tailwind scale with the shade generator.

Use the categories as a shortcut for intent. Nature palettes suit wellness, food and outdoor brands. Vintage and soft palettes suit lifestyle and craft. Bold and modern palettes suit tech products and campaigns. Monochrome palettes are ideal for portfolios and editorial work, where the content should do the talking.

FAQ

Questions about Palette Collection.

Can I use these palettes commercially?
Colours themselves are not copyrightable, so the values are free to use. Specific brand colour combinations can carry trademark associations, so avoid imitating a recognisable brand's exact scheme.
How do I adapt a palette to my brand?
Anchor it to your existing brand colour and adjust the others to sit with it, rather than adopting a palette wholesale and hoping your logo fits.
Do these meet accessibility requirements?
Not by default. Check each foreground and background combination you intend to use against the WCAG thresholds.
Where can I find color palettes for a website?
Browse the modern, classic and monochrome categories here for balanced web-friendly palettes, copy the hex codes, then adjust in the palette generator. Always test text contrast before committing to a palette.
How do I choose a color palette?
Start from the feeling you want, pick a category that matches it, and choose a palette with a clear light, dark and accent colour. Try it on a real page or mockup before deciding, since swatches alone can mislead.
Can I edit a palette from the collection?
Yes. Open it in the palette generator to change colours, lock the ones you like and regenerate the rest.
Related
Colour Converter

Convert hex to RGB, and between HSL, OKLCH, LAB, LCH and OKLAB, with a colour picker and every format shown at once.

hex to rgbrgb to hexcolor code converter
Contrast Checker

WCAG contrast checker: test any text and background colour pair against WCAG 2.1 AA and AAA ratios, with a live preview.

contrast checkerwcag contrastcolor contrast checker
Harmony Generator

Color harmony generator: build complementary, triadic, analogous, split-complementary, tetradic and monochromatic schemes from one colour.

color harmonycomplementary colorscolor wheel generator
Tailwind Shade Generator

Tailwind color palette generator: turn one colour into a full 50 to 950 shade scale, as a Tailwind config or CSS variables in hex or OKLCH.

tailwind color palettetailwind color generatortailwind shades
Gradient Generator

CSS gradient generator for linear, four-corner and mesh gradients with optional grain. Copy the CSS or export a PNG background.

gradient generatorcss gradientbackground gradient generator
Pixel Picker

Color picker from image: upload a photo or screenshot and sample the exact hex colour of any pixel with a magnified zoom loupe.

color picker from imagehex color from imageimage color picker
Palette Extractor

Color palette from image: extract dominant, vibrant, muted, warm or cool colours from any photo, with hex codes to copy.

color palette from imageextract colors from imageimage to color palette
Palette Generator

Color combination generator: create colour palettes from a seed colour with multiple strategies, lock colours you like, and export them.

color combination generatorcolor palette generatorcolor scheme generator
Colour Blindness Simulator

Color blindness simulator: preview an image or colour as people with protanopia, deuteranopia, tritanopia and five other colour vision types see it.

color blindness simulatorcolor blind simulatorred green color blindness