Plus UI
Plus UI ↗️Be Our Sponsor ↗️
  • Getting Started
    • Documentation Overview
    • Component List & Plans
    • Support
    • Contributing
    • FAQs
  • UI Library
    • Overview
    • Changelog
    • Installation
      • React
      • Vue
      • Angular
      • Svelte
  • Design System
    • Overview
    • Setting up on Figma
    • Styles & Variables
  • Components
    • Overview
    • Accordion
    • Alert
    • Avatar
    • Badge
    • Button
    • Button Group
    • Breadcrumb
    • Checkbox
    • Chip
    • Divider
    • Drawer
    • Dropdown
    • Input
    • Link
    • Modal
    • Popconfirm
    • Popover
    • Progress
    • Radio
    • Rating
    • Select
    • Tab
    • Textarea
    • Toast
    • Toggle
    • Tooltip
  • Foundation
    • Overview
    • Color
      • Color Palette
      • Color Variables
      • Color Token List
    • Typography
    • Icons
    • Border
    • Spacing
    • Opacity
    • Shadows & Effects
    • Breakpoints
  • Customization
    • Customization
    • Theme
    • Accessibility
    • Tokens
Powered by GitBook
On this page
  • Surface
  • Background Disabled
  • Background Base
  • Background Default
  • Background Default Invert
  • Background Primary
  • Background Primary Invert
  • Background Success
  • Background Success Invert
  • Background Warning
  • Background Warning Invert
  • Background Error
  • Background Error Invert
  • Background Information
  • Background Information Invert
  • Text Color Variable
  • Text Invert Color Variable
  • Border Color Variable
  • Get help

Was this helpful?

  1. Foundation
  2. Color

Color Variables

Plus UI Design System’s variable of color palette boasts a high accessibility score in both light and dark modes, ensuring that every user can engage with our interface effortlessly.

PreviousColor PaletteNextColor Token List

Last updated 11 months ago

Was this helpful?

This site uses cookies to deliver its service and to analyze traffic. By browsing this site, you accept the privacy policy.