BrandShelf
Browse kits
Color System
Color System
Color System
Color System
Color System

Color System

$20

Five colour families, ten steps each, every pairing checked for contrast so your interface stays readable.

What's inside

  • Five colour families at ten steps each
  • WCAG AA text pairing for every tone
  • Adobe .ase swatch library
  • Figma variable collection
  • JSON design tokens
  • One-page printable reference
Instant download — files land in your inbox and account the moment payment clears
Editable source files for Figma, Illustrator and Canva
Commercial licence included, no attribution required
30-day money-back guarantee
Secure checkout

Description

Picking a nice colour is easy. Building the twelve tones around it that stay readable at every size is the part that eats an afternoon and still comes out wrong.

This is that work, done: five families — primary, neutral, success, warning and danger — at ten steps apiece, with the text colour for every background already resolved to WCAG AA.

How it ships

As an Adobe .ase swatch library, a Figma variable collection, a JSON token file for developers, and a printable one-page reference.

What buyers say

No reviews yet — be the first to say something useful.

Be the first to review this kit

Your email address will not be published. Required fields are marked *

You may use these files for one brand, commercially and indefinitely: products you sell, paid advertising, packaging, signage, websites and apps. No attribution is required.

You may not resell, redistribute or sublicense the files themselves, or offer them as part of a template product. Trademark registrability depends on your local office and your sector — we cannot guarantee it.