Elastic UI Design System Color Guidelines

Working on a redesign of our design system's guidelines page. This one in particular needed a lot of help because it wasn't scalable and there wasn't a good place to put the description of each color, especially do's and don'ts of each color.

The contrast slider allows users to narrow the color combinations visible to only see those that conform to a specific contrast ratio.