Skip to main content
ColorRow

All palettes / High Contrast

High Contrast Color Palettes with HEX Codes

These palettes have strong assigned ink and canvas pairs. That does not make every pairing accessible: check the exact foreground, background, size and state you use.

Loading palettes…
Browse filters Browse by color, mood, style, or theme. Pick a tag to see matching palettes.
Finding palettes...

Loading the collection…

Finding palettes for this category.

Adding more palettes...

Adding the next 30 matching palettes.

How to build with high contrast palettes

A strong palette still needs hierarchy: primary text, secondary text, borders, focus states, surfaces, and accents should not all compete at maximum contrast. Reserve the strongest pairs for content and controls that genuinely need them.

Signal Primary

#000000#EF233C#3A86FF#FFBE0B#FFFFFF

Let the neutral pair do most of the work. Pick red, yellow or blue for the main accent in a given composition; multiple signals need labels or distinct shapes.

Ink on Canvas: 21.00:1. Other pairs need their own check.

Sharp UI

#111111#003049#D00000#FFBA08#FFFFFF

Use the neutral reading pair for content. Red can identify the primary message and yellow can highlight a short detail, with deep blue handling less prominent structure.

Ink on Canvas: 18.88:1. Other pairs need their own check.

Tidal Paper

#203D46#357D87#D5B58B#C5DBD7#F2F4EB

Use the pale sea glass for secondary surfaces and the teal for clear focal areas.

Ink on Canvas: 10.41:1. Other pairs need their own check.

Assign colors to real roles

RolePractical direction
Primary text pairChoose and verify the pair used for most reading.
Interactive stateLinks, focus, and controls need visible states beyond a color change alone.
StatusUse hue together with iconography or labels.
Secondary surfacesReduce visual competition without dropping important text below required contrast.

Good use cases

  • Accessibility-first interface prototypes where text/background relationships are audited early.
  • Dashboards with status and focus states that must remain distinct.
  • Editorial layouts that need strong hierarchy without low-contrast decorative typography.