Skip to content
Submit

Tool

reasonable.work icon

Reasonable Colors

Pre-checked accessible color system that designs out unsafe pairings.

Visit websiteBack to UI Kits & Components
Reasonable Colors preview

About

The annotated source-code is available on Github (mirrored on Gitlab ) and released under the MIT license . Anyone can use these colors for anything.

The color system was purpose-built for creating accessible, high-contrast color combinations.

It's simple to use Reasonable Colors to meet WCAG 2 contrast recommendations . Each color comes in 6, numbered shades. The contrast between any two shades can be inferred by the difference between their shade numbers.

The contrast between any shades with a difference of 2 (shade-2 and shade-4, for example) will be at least 3:1.

Features

  • Reasonable Company birdmark
  • Reasonable Colors
  • Lea Verou's lovely introduction to LCH color on the web
  • George Francis' approachable tutorial for selecting colors programmatically
  • Everyone at Moqups who works on Culori , a splendid JS color library
  • The undefatigable MDN Web Docs , the best web docs
Pricing
Free
Pricing detail
Free open color system
Platforms
Web
See alternatives to Reasonable Colors →

Alternatives from our catalog

Tools on the same shelves as Reasonable Colors, ordered by shared tags and our own comparisons. Not vendor endorsements.

  • Realtime ColorsFree · Web

    Best in-context UI validation before committing tokens.

    same tags

  • ColormindFree · Web

    Early AI palette model for mood boards.

    same tags

  • Lospec Palette ListFree · Web

    Go-to for game/pixel limited palettes.

    same tags

  • colors.lolFree · Web

    Indie named-palette inspiration.

    same tags

  • CoolorsFreemium · Web, iOS, Android, Figma, Adobe

    Default daily driver for quick 5-swatch exploration.

    same tags

  • Adobe ColorFreemium · Web, Creative Cloud

    CC-native wheel for Adobe-heavy teams.

    same tags

Add a badge to your site

Makers listed on isthereanytool.app can embed this badge. It links to Reasonable Colors’s page on our catalog — no scripts, just HTML.

Featured on isthereanytool.app
<a href="https://www.isthereanytool.app/tool/reasonable-colors" target="_blank" rel="noopener"><img src="https://www.isthereanytool.app/badge/listed.svg?theme=paper" alt="Featured on isthereanytool.app" width="250" height="54"></a>

Listed in