Polishing GitLab’s UI: A new color system
Mar 29, 2018Pedro Moreira da Silva

Summary
This post details the technical implementation of a new color system for GitLab's UI. It addresses issues with the previous palette, including lack of brand extension, too many similar colors, and insufficient contrast. The new palette was built by extending brand colors, selecting only necessary hues, and ensuring WCAG compliance. It introduces a color priority system (1-4) to guide usage, similar to font weights, with colors named from 50 (lightest) to 950 (darkest). The post also discusses the decision to target AA for large text contrast as a minimum, even for small text, and the challenges encountered with green and orange backgrounds.