Accessible Palette: stop using HSL for color systems
![Accessible Palette: stop using HSL for color systems](https://storage.googleapis.com/public-assets.wildbit.com/blog-images/2021/09/_full/accessiblepalette@2x.png)
Accessible Palette: stop using HSL for color systems
Accessible Palette is an app for building color systems with consistent lightness and predictable contrast ratios across color levels.
![Accessible Palette: stop using HSL for color systems](https://adobe.design/stories/design-for-scale/media_13417375a08640f890ab5db3dccb98f1225b26a49.jpeg?width=750&format=jpeg&optimize=medium)
Naming colors in design systems
LCH vs HSL in color palette construction
![Accessible Palette: stop using HSL for color systems](https://jenniferbourn.com/wp-content/uploads/2022/01/accessible-color-palette-builder.jpg)
Tools To Build Palettes And Gradients And Check Color Contrast
![Accessible Palette: stop using HSL for color systems](https://onesignal.com/blog/content/images/2022/10/11shades-original-1.png)
11 Shades of Gray: A Color System Story
![Accessible Palette: stop using HSL for color systems](https://miro.medium.com/v2/resize:fit:1400/1*8Do638L6JCFZNf8r3OpCpQ.gif)
Designing an accessible color scheme, again, by Katie Riley, Envoy Design
![Accessible Palette: stop using HSL for color systems](https://www.supa-palette.com/_next/image?url=%2Fimages%2Fscreens%2Fscreen-1.png&w=1080&q=75)
All-in-one palette generator, editor and manager for Figma
![Accessible Palette: stop using HSL for color systems](https://i1.wp.com/css-tricks.com/wp-content/uploads/2020/03/a11y-colors-audit.png?fit=1024%2C794&ssl=1)
Programming Sass to Create Accessible Color Combinations
![Accessible Palette: stop using HSL for color systems](https://image.non.io/15ed7558-5337-40fc-9e5b-2392087cc35b.webp)
Accessible Palette: stop using HSL for color systems (2021)
![Accessible Palette: stop using HSL for color systems](https://forum.affinity.serif.com/uploads/monthly_2022_03/color-wheel.jpg.b882027169d829be04ad0369effdcb4a.jpg)
Option to turn HSL color wheel to have red at the top (0deg) - Feedback for the V1 Affinity Suite of Products - Affinity
![Accessible Palette: stop using HSL for color systems](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2021/12/ColorPalettes.png?x45784)
Coloring With Code — A Programmatic Approach To Design
![Accessible Palette: stop using HSL for color systems](https://miro.medium.com/v2/resize:fit:2000/1*WvUkI8BaO5uuAlpx6nVenQ.png)
Flexible colors and themes for data visualizations, by Miru
![Accessible Palette: stop using HSL for color systems](https://miro.medium.com/v2/resize:fit:1200/1*4J6UPiLJmKNdjRDtvEz6LQ.png)
Launching an accessible color palette at Modern Health
![Accessible Palette: stop using HSL for color systems](https://help.canvasgfx.com/en/canvas_x_draw/user_guide/Content/Resources/Images/Images/d_Objects/attributes_ink.png)
Attributes Palette