UCLA Web Components

Interactive Colors - Light Background

bitbucket Report an Issue Slack Join the Slack Discussion

These colors are used for interactive states of buttons, links and other interactive elements.

  • Default

    $default-state

    #00598C

  • Hover

    $hover-state

    #0079BF

  • Active

    $active-state

    #003B5C

  • Focus

    $focus-state

    #0079BF

  • Disabled

    $disabled-state

    #757575

  • Visited

    $visited-state

    #5223B0