Colour system library

# ADHD-Friendly UI Colour Variants

The expanded library now includes monochrome, warm-neutral and soft pastel systems. 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, reduced-motion support, and a typography sample card with a heading, subheading and paragraph text.

## 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

## Black & White

A strict monochrome system with layered greys to reduce harshness while keeping the hierarchy unmistakable.

Open login demo Open style guide

## Ivory & Ink

A warm monochrome system using ivory, ink and soft taupe for a gentler alternative to pure black and white.

Open login demo Open style guide

## Seafoam

A pale seafoam system with blue-green structure, designed to feel fresh without the energy of bright turquoise.

Open login demo Open style guide

## Dusty Lilac

A quiet lilac system with slate support, separated from the brighter purple and pink families.

Open login demo Open style guide

## Mist Blue

A pale blue-grey system that feels lighter and quieter than denim blue while retaining strong UI clarity.

Open login demo Open style guide

## Olive & Oat

A muted olive system with oat-coloured surfaces, offering an earthy but cleaner alternative to brown.

Open login demo Open style guide

## Sunset Apricot

A fresh apricot-orange system built around your exact colour #FF8C4F. It stays calm by pairing the warm primary with cool slate-blue secondary surfaces.

Open login demo Open style guide

## Orchid Pop

A rich orchid-violet system built around your exact colour #B744C4. It uses softened plum surfaces and cool grey-blue secondary support to keep the interface clean and readable.

Open login demo Open style guide