Problem

As a user, I want to see a consistent color scheme where things look harmonious. As a developer, I want to reuse colors from my color palette to enforce consistency and make changes easy.

• inactive nav items have a hard-coded color that doesn't appear in our color list
• the workspace page has two text colors that are very similar (is the difference intentional?)
• the up and down chevrons for dropdowns are different colors and in most use cases, too dark (the exception I see is the User dropdown, where the darker down arrow is appropriate and the up arrow never shows)

Definition of Done

The above cases, and more if found, make use of the palette.ts colors (which can be extended if necessary). Colors that are so similar that they're hard to tell apart should just become the same.

Implementation suggestions

Have the dropdown arrows take an optional prop to override the default color for use in the User dropdown.