What are the hex codes in the Ruby Cerise & Cranberry palette?

The Ruby Cerise & Cranberry color palette consists of Cranberry #AF0049, Cerise #E13772, Linen #F8E9E9, Raisin #1D1D1D.

How should I use the Ruby Cerise & Cranberry palette on a website?

Use Linen #F8E9E9 as the background, Raisin #1D1D1D for text, Cranberry #AF0049 for buttons and links, and Cerise #E13772 for accents. 2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Linen on Raisin at 14.31:1.

Which colors in Ruby Cerise & Cranberry have enough contrast for text?

The highest-contrast pair is #F8E9E9 on #1D1D1D with a ratio of 14.31:1, which passes WCAG AA for normal text.

#AF0049Cranberry

#E13772Cerise

#F8E9E9Linen

#1D1D1DRaisin

Ruby Cerise & Cranberry color palette

2026 Trends Dark Vibrant Warm Pink White

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Cranberry	`#AF0049`	`rgb(175, 0, 73)`	`hsl(335, 100%, 34%)`	`oklch(48.3% 0.193 8)`
Cerise	`#E13772`	`rgb(225, 55, 114)`	`hsl(339, 74%, 55%)`	`oklch(61.1% 0.208 5)`
Linen	`#F8E9E9`	`rgb(248, 233, 233)`	`hsl(0, 52%, 94%)`	`oklch(94.6% 0.016 17)`
Raisin	`#1D1D1D`	`rgb(29, 29, 29)`	`hsl(0, 0%, 11%)`	`oklch(23.1% 0.000 0)`

Why it works and how to use it

Ruby Cerise & Cranberry is an analogous color palette tagged 2026 trends, dark, vibrant. Analogous neighbors on the wheel (Cranberry, Cerise, Linen) give it a natural, low-tension flow. Saturation is moderate, which keeps it flexible for both interfaces and print. The overall temperature is warm.

With 3 chromatic colors, Cranberry takes the lead while the rest support. Lightness runs from 11% to 94%. Well suited to websites, presentations and branding.

Background: Linen (#F8E9E9) is the lightest color, so it belongs on large surfaces.
Text: Raisin (#1D1D1D) on #F8E9E9 gives 14.31:1, passing WCAG AAA.
Primary: Cranberry (#AF0049) is the most saturated mid-tone; use it for buttons and links (6.11:1 against the background, fine for UI elements).
Accent: Cerise (#E13772) for highlights, badges and hover states.

2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Linen on Raisin at 14.31:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Ruby Cerise & Cranberry

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

#AF0049

#E13772

#F8E9E9

#1D1D1D

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
`#F8E9E9` on `#1D1D1D`	Aa	14.31:1	AAA
`#AF0049` on `#F8E9E9`	Aa	6.11:1	AA
`#E13772` on `#1D1D1D`	Aa	4.01:1	AA large only
`#E13772` on `#F8E9E9`	Aa	3.57:1	AA large only
`#AF0049` on `#1D1D1D`	Aa	2.34:1	Fail
`#AF0049` on `#E13772`	Aa	1.71:1	Fail

Similar palettes 24 more in this mood