What are the hex codes in the Tech Cherry & Lavender Gray palette?

The Tech Cherry & Lavender Gray color palette consists of Ink #161D2E, Cherry #DB001A, Lavender Gray #AABDE7, Frost #EAF0FC.

How should I use the Tech Cherry & Lavender Gray palette on a website?

Use Frost #EAF0FC as the background, Ink #161D2E for text, Cherry #DB001A for buttons and links, and Lavender Gray #AABDE7 for accents. 3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Ink on Frost at 14.7:1.

Which colors in Tech Cherry & Lavender Gray have enough contrast for text?

The highest-contrast pair is #161D2E on #EAF0FC with a ratio of 14.7:1, which passes WCAG AA for normal text.

#161D2EInk

#DB001ACherry

#AABDE7Lavender Gray

#EAF0FCFrost

Tech Cherry & Lavender Gray color palette

Tech Neon Red White

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Ink	`#161D2E`	`rgb(22, 29, 46)`	`hsl(223, 35%, 13%)`	`oklch(23.3% 0.035 267)`
Cherry	`#DB001A`	`rgb(219, 0, 26)`	`hsl(353, 100%, 43%)`	`oklch(56.1% 0.228 27)`
Lavender Gray	`#AABDE7`	`rgb(170, 189, 231)`	`hsl(221, 56%, 79%)`	`oklch(79.8% 0.063 266)`
Frost	`#EAF0FC`	`rgb(234, 240, 252)`	`hsl(220, 75%, 95%)`	`oklch(95.4% 0.017 264)`

Why it works and how to use it

Tech Cherry & Lavender Gray is a vivid complementary color palette tagged tech, neon, red. Ink and Lavender Gray sit nearly opposite on the color wheel, so the pairing has real energy; keep one as the accent. These are bold, punchy colors that need generous white space around them. Warm and cool hues are mixed, which adds depth.

With 3 chromatic colors, Cherry takes the lead while the rest support. Lightness runs from 13% to 95%. Well suited to a SaaS landing page or dashboard.

Background: Frost (#EAF0FC) is the lightest color, so it belongs on large surfaces.
Text: Ink (#161D2E) on #EAF0FC gives 14.7:1, passing WCAG AAA.
Primary: Cherry (#DB001A) is the most saturated mid-tone; use it for buttons and links (4.56:1 against the background, fine for UI elements).
Accent: Lavender Gray (#AABDE7) for highlights, badges and hover states.

3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Ink on Frost at 14.7:1.

Preview on a real UI see how the palette feels in context

BrandFeaturesPricingBlogGet started

Design faster with Tech Cherry & Lavender Gray

A palette preview that turns four colors into a page, so you can judge hierarchy, contrast and mood before you commit.

Primary action Secondary

Card title

Roles are assigned by lightness.

Color blindness simulation

#161D2E

#DB001A

#AABDE7

#EAF0FC

Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.

Palette card

Contrast check WCAG ratios between palette colors

Pair	Sample	Ratio	Level
`#161D2E` on `#EAF0FC`	Aa	14.7:1	AAA
`#161D2E` on `#AABDE7`	Aa	8.92:1	AAA
`#DB001A` on `#EAF0FC`	Aa	4.56:1	AA
`#161D2E` on `#DB001A`	Aa	3.22:1	AA large only
`#DB001A` on `#AABDE7`	Aa	2.77:1	Fail
`#AABDE7` on `#EAF0FC`	Aa	1.65:1	Fail

Similar palettes 24 more in this mood