What are the hex codes in the Cranberry & Tulip Drift palette?

The Cranberry & Tulip Drift color palette consists of Rosewood #4A0010, Cranberry #A3293B, Teal #008C70, Tulip #FF8A80.

How should I use the Cranberry & Tulip Drift palette on a website?

Use Tulip #FF8A80 as the background, Rosewood #4A0010 for text, Teal #008C70 for buttons and links, and Cranberry #A3293B for accents. 1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Rosewood on Tulip at 7.08:1.

Which colors in Cranberry & Tulip Drift have enough contrast for text?

The highest-contrast pair is #4A0010 on #FF8A80 with a ratio of 7.08:1, which passes WCAG AA for normal text.

#4A0010Rosewood

#A3293BCranberry

#008C70Teal

#FF8A80Tulip

Cranberry & Tulip Drift color palette

Dark Red Teal Pink

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Rosewood	`#4A0010`	`rgb(74, 0, 16)`	`hsl(347, 100%, 15%)`	`oklch(25.9% 0.104 17)`
Cranberry	`#A3293B`	`rgb(163, 41, 59)`	`hsl(351, 60%, 40%)`	`oklch(47.9% 0.157 18)`
Teal	`#008C70`	`rgb(0, 140, 112)`	`hsl(168, 100%, 27%)`	`oklch(57.0% 0.110 172)`
Tulip	`#FF8A80`	`rgb(255, 138, 128)`	`hsl(5, 100%, 75%)`	`oklch(75.9% 0.144 26)`

Why it works and how to use it

Cranberry & Tulip Drift is a vivid dark, complementary color palette tagged dark, red, teal. Near-complementary hues (about 179° apart) make this a high-contrast, attention-grabbing combination. Saturation runs high, so use the brightest color sparingly and let the others carry the surface area. Warm and cool hues are mixed, which adds depth.

With 4 chromatic colors, Teal takes the lead while the rest support. Lightness runs from 15% to 75%. Well suited to dark-mode interfaces and gaming.

Background: Tulip (#FF8A80) is the lightest color, so it belongs on large surfaces.
Text: Rosewood (#4A0010) on #FF8A80 gives 7.08:1, passing WCAG AAA.
Primary: Teal (#008C70) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Cranberry (#A3293B) for highlights, badges and hover states.

1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Rosewood on Tulip at 7.08:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Cranberry & Tulip Drift

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

#4A0010

#A3293B

#008C70

#FF8A80

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
`#4A0010` on `#FF8A80`	Aa	7.08:1	AAA
`#4A0010` on `#008C70`	Aa	3.84:1	AA large only
`#A3293B` on `#FF8A80`	Aa	3.13:1	AA large only
`#4A0010` on `#A3293B`	Aa	2.26:1	Fail
`#008C70` on `#FF8A80`	Aa	1.85:1	Fail
`#A3293B` on `#008C70`	Aa	1.7:1	Fail

Similar palettes 24 more in this mood