Color Palette

A comprehensive color system inspired by Shopify Polaris, designed for POS applications. Click any color to copy its value.

Base Color Scales

Gray

Blue (Primary/Brand)

Green (Success)

Red (Critical/Error)

Yellow (Warning)

Purple (Magic/Special)

Color Roles

Default

Default text on surface

Secondary text

Brand/Primary

Brand surface with brand text

Success

Success message on surface

Critical/Error

Error message on surface

Warning

Warning message on surface

Info

Informational message

Component Examples

Buttons

Banners

Badges

Default New Paid Pending Overdue Info

Form Elements

Color Values