Colours

Base Colour Palette

Colours provide a distinct identity to applications, define brands and help create consistent, delightful UI. Tap any of the colours below to copy the hex code.

Cerci Pink

Used as our main brand colour in logos, buttons or banners

Accent

Used mainly in branding of sub-product logos or icons

Fire Red

Used to indicate danger, desctruction actions or critical events

Mountain Green

Used to indicate success or positive actions

Sunrise Yellow

Used mainly to indicate warnings or neutral actions

Grey

Used mainly for background, content or for creating contrast

Colour Tokens

LazyPay colors are managed at a centralized location called Tokens. Tokens are shared across all platforms; iOS, Android, and Web; Light and Dark modes.

All primitive colors and their hex values are defined in a single file in the codebase. There are also theme files - those which take primitive colors and assign them to Tokens.

Elements

Use these tokens for core components and backgrounds

Borders

Use these tokens only for borders of elements

Content

Use these tokens only for defining colour of content and copy