#F28AF2
#FC8100
#80284F
#940014
#FE9AEDMauve
#C77D96Blush
#923E00Cedar
#8F101FCranberry
Cranberry & Mauve Glow is a vivid split color palette tagged autumn, vibrant, warm. A split scheme: Mauve plays against Cranberry across roughly 75° of hue. Saturation runs high, so use the brightest color sparingly and let the others carry the surface area. The overall temperature is warm.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Mauve | #FE9AED | rgb(254, 154, 237) | hsl(310, 98%, 80%) | oklch(81.5% 0.156 333) | |
| Blush | #C77D96 | rgb(199, 125, 150) | hsl(340, 40%, 64%) | oklch(67.4% 0.097 358) | |
| Cedar | #923E00 | rgb(146, 62, 0) | hsl(25, 100%, 29%) | oklch(46.9% 0.129 47) | |
| Cranberry | #8F101F | rgb(143, 16, 31) | hsl(353, 80%, 31%) | oklch(41.8% 0.158 23) |
Why it works and how to use it
With 4 chromatic colors, Cedar takes the lead while the rest support. Lightness runs from 29% to 80%. Well suited to websites, presentations and branding.
- Background: Mauve (#FE9AED) is the lightest color, so it belongs on large surfaces.
- Text: Cranberry (#8F101F) on #FE9AED gives 4.89:1, passing WCAG AA.
- Primary: Cedar (#923E00) is the most saturated mid-tone; use it for buttons and links (3.8:1 against the background, fine for UI elements).
- Accent: Blush (#C77D96) for highlights, badges and hover states.
1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Mauve on Cranberry at 4.89:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Cranberry & Mauve Glow
A palette preview that turns four colors into a page, so you can judge hierarchy, contrast and mood before you commit.
Primary action SecondaryCard title
Card title
Card title
Roles are assigned by lightness.
Color blindness simulation
#FE9AED
#C77D96
#923E00
#8F101F
Color-blind check: under deuteranopia and tritanopia, Cedar and Cranberry become hard to tell apart, so do not rely on that pair alone to carry meaning.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#FE9AED on #8F101F | Aa | 4.89:1 | AA |
#FE9AED on #923E00 | Aa | 3.8:1 | AA large only |
#C77D96 on #8F101F | Aa | 3.01:1 | AA large only |
#C77D96 on #923E00 | Aa | 2.34:1 | Fail |
#FE9AED on #C77D96 | Aa | 1.63:1 | Fail |
#923E00 on #8F101F | Aa | 1.29:1 | Fail |
Similar palettes 24 more in this mood
#E47716
#FF6459
#E8A800
#FFA1BE
#C39B00
#D86A0F
#D4432B
#955F00
#6A040F
#DC2F02
#F48C06
#FFBA08
#94691E
#B26B7A
#F67664
#FF8725
#8D061D
#6D3D00
#755705
#9A5A3F
#694600
#972A3B
#A44500
#F497CA
#E4A71C
#92B100
#CE833A
#706400
#95000D
#984330
#68ABD4
#00EAC8
#644400
#C5701B
#B69A00
#C6CF8F
#7A4D00
#62975B
#ACBD6B
#DAB700
#FF9F67
#DE97A1
#CF8300
#A94134
#664910
#A25500
#9B8D00
#FF9075
#5A0F2D
#9E2A2B
#D4A373
#F5EBDD
#5F7337
#66B87A
#C8B553
#FBB657
#808833
#BD7C00
#D2AC00
#A0DD7B
#712640
#BB4643
#F2C08F
#FFF9F1
#812122
#F44926
#FFB778
#FFD894
#9A3B3B
#C08261
#E2C799
#F2ECBE
#67032E
#DB2555
#FF804F
#FFB675
#432818
#99582A
#BB9457
#FFE6A7
#7A4A2E
#B06A3B
#E7A977
#F9E4D0
#A0431F
#D07A4C
#F1DCC2
#FBF6EF
#9A002E
#A83CB4
#B66746
#F151AA