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

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
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.
Last updated
Was this helpful?