Design for real people

Brand theme card

A palette rarely fails in a swatch row; it fails on a real surface. Start from one of our brands or a neutral theme, flip between light and dark, and change anything you like.

Our brands

Real palettes, shown as they are.

Themes to play with

Neutral starting points. Nobody's brand, edit freely.

Typeface

Live preview

Punfyre

Software that fits the people who use it.

ClearHumanDependable

Primary action Secondary

Your email you@company.com We only use it to reply.

Colours

Page background Card surface Text Muted text Border Primary On primary Accent

Contrast checks

Good to know

How to read the result

Our brands versus themes

Punfyre and Alarmira are real brands, shown with their actual colours. The other options are neutral starting points that belong to nobody, so edit those freely. The moment you change a brand palette it becomes your theme, and the tool says so.
Light and dark are separate

A dark theme is not a light one inverted. Each mode carries its own palette here, because a colour that works on cream often falls apart on near-black.
Warnings point at real pairs

We only check combinations that actually appear on screen: body text on the page, a button label on its button, an accent used as a link. Each warning opens that exact pair in the contrast checker.

More tools

Try another one

Design

Contrast checker
Check any two colours against the WCAG accessibility levels.

Open tool
Planning

Project scope estimator
Pick what you need and get an indicative size and timeline.

Open tool
Security

Passphrase generator
Generate a strong passphrase you can actually remember.

Open tool

Need something these can't do?

These are the small ones. The bigger ones we develop for the people who ask.

Tell us what you need

Brand theme card

Use the tool