Colors

Rappel-UI provides a set of colors to use in your project.

Both the Primary color and Secondary color derive their extended color sets from a base color. The defined order of derived color variants is: active, hover, followed by opacity values ranging from 0.9 down to 0.1.

Reference backgrounds for opacity variant generation:

• Light theme: rgba(255,255,255,1)
• Dark theme: rgba(27,27,31,1)

Primary Color

Secondary Color

Neutral Color