#590015Rosewood
#9A2235Cranberry
#C8B8B0Putty
#DBD7D4Fog

Cranberry & Rosewood Glow color palette

DarkWarmBrownRedGray
Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

Cranberry & Rosewood Glow is a analogous color palette tagged dark, warm, brown. Analogous neighbors on the wheel (Rosewood, Cranberry, Putty) 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
Rosewood#590015rgb(89, 0, 21)hsl(346, 100%, 17%)oklch(29.4% 0.118 18)
Cranberry#9A2235rgb(154, 34, 53)hsl(351, 64%, 37%)oklch(45.5% 0.155 18)
Putty#C8B8B0rgb(200, 184, 176)hsl(20, 18%, 74%)oklch(79.4% 0.021 48)
Fog#DBD7D4rgb(219, 215, 212)hsl(26, 9%, 85%)oklch(88.1% 0.006 60)

Why it works and how to use it

The palette holds together thanks to its analogous hue relationship and a strong light-to-dark ladder (85% down to 17% lightness). A natural fit for websites, presentations and branding.

  • Background: Fog (#DBD7D4) is the lightest color, so it belongs on large surfaces.
  • Text: Rosewood (#590015) on #DBD7D4 gives 10.23:1, passing WCAG AAA.
  • Primary: Cranberry (#9A2235) is the most saturated mid-tone; use it for buttons and links (5.53:1 against the background, fine for UI elements).
  • Accent: Putty (#C8B8B0) for highlights, badges and hover states.

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

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

BrandFeaturesPricingBlogGet started

Design faster with Cranberry & Rosewood Glow

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

#590015
#9A2235
#C8B8B0
#DBD7D4

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

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#590015 on #DBD7D4Aa10.23:1AAA
#590015 on #C8B8B0Aa7.62:1AAA
#9A2235 on #DBD7D4Aa5.53:1AA
#9A2235 on #C8B8B0Aa4.12:1AA large only
#590015 on #9A2235Aa1.85:1Fail
#C8B8B0 on #DBD7D4Aa1.34:1Fail

Similar palettes 24 more in this mood

More dark palettes →More warm palettes →More brown palettes →More red palettes →More gray palettes →