#AF0049Cranberry
#E13772Cerise
#F8E9E9Linen
#1D1D1DRaisin

Ruby Cerise & Cranberry color palette

Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

Ruby Cerise & Cranberry is a 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.

Color codes click any value to copy

SwatchNameHEXRGBHSLOKLCH
Cranberry#AF0049rgb(175, 0, 73)hsl(335, 100%, 34%)oklch(48.3% 0.193 8)
Cerise#E13772rgb(225, 55, 114)hsl(339, 74%, 55%)oklch(61.1% 0.208 5)
Linen#F8E9E9rgb(248, 233, 233)hsl(0, 52%, 94%)oklch(94.6% 0.016 17)
Raisin#1D1D1Drgb(29, 29, 29)hsl(0, 0%, 11%)oklch(23.1% 0.000 0)

Why it works and how to use it

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
Card title
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.

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#F8E9E9 on #1D1D1DAa14.31:1AAA
#AF0049 on #F8E9E9Aa6.11:1AA
#E13772 on #1D1D1DAa4.01:1AA large only
#E13772 on #F8E9E9Aa3.57:1AA large only
#AF0049 on #1D1D1DAa2.34:1Fail
#AF0049 on #E13772Aa1.71:1Fail

Similar palettes 24 more in this mood