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.

Explore the thoughtful selection of colors that not only elevate the aesthetics of your design but also contribute to a seamless and enjoyable user journey for everyone with highest accessibility scores.

Surface

surface color variable

Background Disabled

background disabled color variable

Background Base

background base color variable

Background Default

background default color variable

Background Default Invert

background default invert color variable

Background Primary

background primary color variable

Background Primary Invert

background primary invert color variable

Background Success

background success color variable

Background Success Invert

background success invert color variable

Background Warning

background warning color variable

Background Warning Invert

background warning invert color variable

Background Error

background error color variable

Background Error Invert

background error invert color variable

Background Information

background information color variable

Background Information Invert

background information invert color variable

Text Color Variable

text color variable

Text Invert Color Variable

text invert color variable

Border Color Variable

border color variable

Get help

If you're new to Figma, the platform may initially seem overwhelming, but exploring the interface can be a fun and rewarding experience. Before you can use the Keep Design System in Figma, it's essential to learn the basic tools and functionalities of the platform.

Join Figma Community

Join Discord Community

Join us on Twitter