Zendesk Garden color palette

Over the last year, I've dedicated a lot of time to designing a color palette for the Zendesk Garden design system. We started with a primary palette of 6 colors, and this year have added an additional 11 secondary colors.

Our naming convention mirrors the way text weights are specified in CSS, so for example, our lightest shade of blue is "blue-100." Every color in the -400 family meets the WCAG color contrast guidelines for icons and active UI, -600 colors are AA compliant for all text sizes, -800s are AAA compliant.