Palette generator | remi.works

Ink

Paper

Space makes a new palette. Click Aa to choose a color, or edit its hex value.

The rules

These shape the next roll. Your edits and locks stay in your hands.

Readable textKeep ink and paper above a contrast target. Minimum contrast Related huesUse neighboring and opposing hues from the color wheel.Site palette stylesMix the site's vivid, neutral, pastel, and other palette styles.Fresh rerollsTry to make each new palette feel different from the last. Protect muted textRaise the preview's 72% text opacity when needed to reach 4.5:1. Also included in the CSS export.

Contrast rules apply to ink and paper. Check the table before using accents for text.

In practice

Ink #14213D
Paper #F5EFE0

A little color goes a long way.

A palette is easy to like in a row of swatches. The real test is what happens when you put something on the page.

The quieter text still needs to be read.

Automating color theory

Same colors. Different weight.

A quieter caption, with ink and paper reversed.

13.92:1Ink / paper contrast

AA text · 4.5:1: Pass
AAA text · 7:1: Pass
Large text · 3:1: Pass

Muted ink: 5.97:1 at 72% opacity. Muted paper: 7.81:1 at 72%.

Contrast is one part of accessibility. These checks use WCAG text contrast thresholds; they do not test color vision, meaning conveyed by color, or an entire design.