Colour system library

# ADHD-Friendly UI Colour Variants

Every variant uses the same realistic login layout, Atkinson Hyperlegible for reading, Lexend for interface text, complete light and dark modes, restrained accents, visible focus states and reduced-motion support.

## Simple Pink

A grown-up pink system with warm neutrals and a muted mauve secondary.

Open login demo Open style guide

## Calm Denim Blue

A trustworthy denim-blue system for dashboards, administration and focused work.

Open login demo Open style guide

## Sage Green

A quiet sage system with eucalyptus support and a deep forest-charcoal dark mode.

Open login demo Open style guide

## Coral Red

A social, warm coral system balanced by slate blue so it stays calm and readable.

Open login demo Open style guide

## Mustard Yellow

An editorial mustard system balanced by deep blue-grey for usable contrast.

Open login demo Open style guide

## Turquoise Blue

A fresh turquoise system anchored by deep navy and restrained warm accents.

Open login demo Open style guide

## Burgundy & Dusty Rose

A mature burgundy system softened by dusty rose and warm neutral surfaces.

Open login demo Open style guide

## Graphite + Pink Accent

An ultra-calm graphite system with one simple pink accent for primary actions.

Open login demo Open style guide

## Warm Brown

A grounded brown system with clay warmth and muted blue-grey balance.

Open login demo Open style guide