Filter Palettes by Hue

Filter Palettes by Hue

A single chart and the color scales of all palettes, filtered by hue. A scale is included when the hue (H) of its key color — the color with the maximum chroma — falls within extent degrees of the slider's center hue. Since hue is circular, the range wraps around 0° automatically; an extent of 180° includes everything. You can also limit the chart to a region of the visible axes — scales that fall entirely outside that region are dropped from the list below.

Chart

Limit to region

Color Scales

Palette Hue Scale
Open Color red26°
Open Color blue250°
Open Color green146°
Open Color yellow87°
Open Color orange45°
Open Color cyan211°
Open Color teal166°
Open Color gray248°
Open Color pink
Open Color indigo268°
Open Color lime130°
Open Color violet289°
Open Color grape319°
Open Props blue250°
Open Props green146°
Open Props orange45°
Open Props red26°
Open Props yellow87°
Open Props purple319°
Open Props cyan211°
Open Props teal166°
Open Props gray248°
Open Props indigo268°
Open Props lime130°
Open Props pink
Open Props violet289°
Open Props stone107°
Open Props brown62°
Open Props camo114°
Open Props choco51°
Open Props jungle123°
Open Props sand91°
Tailwind CSS red27°
Tailwind CSS orange41°
Tailwind CSS yellow92°
Tailwind CSS green150°
Tailwind CSS blue264°
Tailwind CSS purple302°
Tailwind CSS cyan212°
Tailwind CSS teal182°
Tailwind CSS gray265°
Tailwind CSS lime129°
Tailwind CSS indigo277°
Tailwind CSS pink
Tailwind CSS violet293°
Tailwind CSS neutralNaN°
Tailwind CSS amber70°
Tailwind CSS fuchsia322°
Tailwind CSS rose18°
Tailwind CSS stone58°
Tailwind CSS emerald163°
Tailwind CSS sky237°
Tailwind CSS slate257°
Tailwind CSS zinc286°
Tailwind CSS v4 red27°
Tailwind CSS v4 orange41°
Tailwind CSS v4 yellow92°
Tailwind CSS v4 green150°
Tailwind CSS v4 blue263°
Tailwind CSS v4 purple302°
Tailwind CSS v4 cyan212°
Tailwind CSS v4 teal182°
Tailwind CSS v4 gray260°
Tailwind CSS v4 lime129°
Tailwind CSS v4 indigo277°
Tailwind CSS v4 pink
Tailwind CSS v4 violet293°
Tailwind CSS v4 neutralNaN°
Tailwind CSS v4 amber84°
Tailwind CSS v4 fuchsia322°
Tailwind CSS v4 rose18°
Tailwind CSS v4 stone58°
Tailwind CSS v4 emerald163°
Tailwind CSS v4 sky237°
Tailwind CSS v4 slate257°
Tailwind CSS v4 zinc286°
Material Design red29°
Material Design blue249°
Material Design green144°
Material Design yellow102°
Material Design orange40°
Material Design purple321°
Material Design cyan211°
Material Design teal183°
Material Design pink10°
Material Design indigo271°
Material Design lime115°
Material Design amber46°
Material Design brown41°
Material Design greyNaN°
Adobe Spectrum blue257°
Adobe Spectrum red29°
Adobe Spectrum orange57°
Adobe Spectrum yellow99°
Adobe Spectrum green161°
Adobe Spectrum purple299°
Adobe Spectrum cyan223°
Adobe Spectrum grayNaN°
Adobe Spectrum indigo275°
Adobe Spectrum magenta359°
Adobe Spectrum fuchsia328°
Adobe Spectrum chartreuse123°
Adobe Spectrum celery144°
Adobe Spectrum seafoam190°
Adobe Spectrum transparent-whiteNaN°
Adobe Spectrum transparent-blackNaN°
GitHub Primer blue255°
GitHub Primer green149°
GitHub Primer yellow87°
GitHub Primer orange49°
GitHub Primer red24°
GitHub Primer purple295°
GitHub Primer pink347°
GitHub Primer neutral251°
GitHub Primer coral34°
Shopify Polaris blue257°
Shopify Polaris green153°
Shopify Polaris orange81°
Shopify Polaris red24°
Shopify Polaris yellow101°
Shopify Polaris purple288°
Shopify Polaris cyan175°
Shopify Polaris teal188°
Shopify Polaris grayNaN°
Shopify Polaris lime143°
Shopify Polaris magenta328°
Shopify Polaris rose
Shopify Polaris azure238°
IBM Carbon blue262°
IBM Carbon green149°
IBM Carbon orange45°
IBM Carbon red26°
IBM Carbon yellow90°
IBM Carbon purple295°
IBM Carbon cyan247°
IBM Carbon teal194°
IBM Carbon grayNaN°
IBM Carbon magenta
IBM Carbon coolGray258°
IBM Carbon warmGray17°
Atlassian Design System red28°
Atlassian Design System orange59°
Atlassian Design System yellow98°
Atlassian Design System green160°
Atlassian Design System blue259°
Atlassian Design System purple311°
Atlassian Design System teal224°
Atlassian Design System lime128°
Atlassian Design System magenta346°
Atlassian Design System neutral267°
Web Awesome red20°
Web Awesome orange36°
Web Awesome yellow86°
Web Awesome green149°
Web Awesome blue257°
Web Awesome purple305°
Web Awesome cyan216°
Web Awesome gray274°
Web Awesome indigo277°
Web Awesome pink355°