Color Library

A collection of featured color palettes created using OKLCH colors. Click Remix to customize any palette, or copy SVG/JSON for your projects.

Red

Copy SVG

Copy JSON

Remix

MonochromaticPerceptual

Orange

Copy SVG

Copy JSON

Remix

MonochromaticPerceptual

Amber

Copy SVG

Copy JSON

Remix

MonochromaticPerceptual

Yellow

Copy SVG

Copy JSON

Remix

MonochromaticPerceptual

Lime

Copy SVG

Copy JSON

Remix

MonochromaticPerceptual

Green

Copy SVG

Copy JSON

Remix

MonochromaticPerceptual

Emerald

Copy SVG

Copy JSON

Remix

MonochromaticPerceptual

Teal

Copy SVG

Copy JSON

Remix

MonochromaticPerceptual

Cyan

Copy SVG

Copy JSON

Remix

MonochromaticPerceptual

Sky

Copy SVG

Copy JSON

Remix

MonochromaticPerceptual

Blue

Copy SVG

Copy JSON

Remix

MonochromaticPerceptual

Indigo

Copy SVG

Copy JSON

Remix

MonochromaticPerceptual

Violet

Copy SVG

Copy JSON

Remix

MonochromaticPerceptual

Purple

Copy SVG

Copy JSON

Remix

MonochromaticPerceptual

Fuchsia

Copy SVG

Copy JSON

Remix

MonochromaticPerceptual

Pink

Copy SVG

Copy JSON

Remix

MonochromaticPerceptual

Rose

Copy SVG

Copy JSON

Remix

MonochromaticPerceptual

Slate

Copy SVG

Copy JSON

Remix

MonochromaticPerceptual

Gray

Copy SVG

Copy JSON

Remix

MonochromaticPerceptual

Zinc

Copy SVG

Copy JSON

Remix

MonochromaticPerceptual

Neutral

Copy SVG

Copy JSON

Remix

MonochromaticPerceptual

Stone

Copy SVG

Copy JSON

Remix

MonochromaticPerceptual

Red

Copy SVG

Copy JSON

Remix

MonochromaticBalanced

Orange

Copy SVG

Copy JSON

Remix

MonochromaticBalanced

Amber

Copy SVG

Copy JSON

Remix

MonochromaticBalanced

Yellow

Copy SVG

Copy JSON

Remix

MonochromaticBalanced

Lime

Copy SVG

Copy JSON

Remix

MonochromaticBalanced

Green

Copy SVG

Copy JSON

Remix

MonochromaticBalanced

Emerald

Copy SVG

Copy JSON

Remix

MonochromaticBalanced

Teal

Copy SVG

Copy JSON

Remix

MonochromaticBalanced

Cyan

Copy SVG

Copy JSON

Remix

MonochromaticBalanced

Sky

Copy SVG

Copy JSON

Remix

MonochromaticBalanced

Blue

Copy SVG

Copy JSON

Remix

MonochromaticBalanced

Indigo

Copy SVG

Copy JSON

Remix

MonochromaticBalanced

Violet

Copy SVG

Copy JSON

Remix

MonochromaticBalanced

Purple

Copy SVG

Copy JSON

Remix

MonochromaticBalanced

Fuchsia

Copy SVG

Copy JSON

Remix

MonochromaticBalanced

Pink

Copy SVG

Copy JSON

Remix

MonochromaticBalanced

Rose

Copy SVG

Copy JSON

Remix

MonochromaticBalanced

Cyan

Copy SVG

Copy JSON

Remix

MonochromaticBase-Respecting

Sky

Copy SVG

Copy JSON

Remix

MonochromaticBase-Respecting

Blue

Copy SVG

Copy JSON

Remix

MonochromaticBase-Respecting

Indigo

Copy SVG

Copy JSON

Remix

MonochromaticBase-Respecting

Violet

Copy SVG

Copy JSON

Remix

MonochromaticBase-Respecting

Purple

Copy SVG

Copy JSON

Remix

MonochromaticBase-Respecting

Fuchsia

Copy SVG

Copy JSON

Remix

MonochromaticBase-Respecting

Pink

Copy SVG

Copy JSON

Remix

MonochromaticBase-Respecting

Analogous Sunset

Copy SVG

Copy JSON

Remix

AnalogousPerceptual

Analogous Forest

Copy SVG

Copy JSON

Remix

AnalogousPerceptual

Analogous Ocean

Copy SVG

Copy JSON

Remix

AnalogousPerceptual

Complementary Fire

Copy SVG

Copy JSON

Remix

ComplementaryPerceptual

Complementary Ocean

Copy SVG

Copy JSON

Remix

ComplementaryPerceptual

Complementary Spring

Copy SVG

Copy JSON

Remix

ComplementaryPerceptual

Triadic Vibrant

Copy SVG

Copy JSON

Remix

TriadicPerceptual

Triadic Tropical

Copy SVG

Copy JSON

Remix

TriadicPerceptual

Triadic Sunset

Copy SVG

Copy JSON

Remix

TriadicPerceptual

Tetradic Rainbow

Copy SVG

Copy JSON

Remix

TetradicPerceptual

Tetradic Vibrant

Copy SVG

Copy JSON

Remix

TetradicPerceptual

split-complementary Autumn

Copy SVG

Copy JSON

Remix

Split-ComplementaryPerceptual

split-complementary Cool

Copy SVG

Copy JSON

Remix

Split-ComplementaryPerceptual