Kanbien Design System

Colours Token

A generated colour-token review page. The primary colour comes from the Display drawer, then the page renders primary, dark, and desert equivalents from 10% through 100%.

Foundation Token

Colour Scales

Primary: #635bff Text: primary-tinted neutral ramp Dark: #7f8496 Desert: #493327

Primary

Dark

Text

Text colours move from near-black to light grey with only a slight tint from the selected primary colour.

Error

Error colours use a red-tinted ramp for destructive, failed, or invalid states.

Warning

Warning colours use an orange-tinted ramp for caution, pending-risk, or attention states.

Success

Success colours use a green-tinted ramp for complete, accepted, or healthy states.

Desert