← Back to Editor

#CD6071 · #FEA887 · #F4CF3D · #FFEDD1 · #3B2E50

luxury

A 5-color luxury palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#CD6071

Crimson · LightCoral · Passion Red

HEX
#CD6071
RGB
rgb(205, 96, 113)
HSL
hsl(351, 52%, 59%)
HSB
hsb(351, 53%, 80%)
CMYK
cmyk(0%, 53%, 45%, 20%)
Oklch
oklch(62.6% 0.139 12.3)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#FEA887

Apricot · LightSalmon · Peach Orange

HEX
#FEA887
RGB
rgb(254, 168, 135)
HSL
hsl(17, 98%, 76%)
HSB
hsb(17, 47%, 100%)
CMYK
cmyk(0%, 34%, 47%, 0%)
Oklch
oklch(80.9% 0.112 41.7)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#F4CF3D

Ginger · SandyBrown · Sunflower

HEX
#F4CF3D
RGB
rgb(244, 207, 61)
HSL
hsl(48, 89%, 60%)
HSB
hsb(48, 75%, 96%)
CMYK
cmyk(0%, 15%, 75%, 4%)
Oklch
oklch(86.2% 0.159 94.1)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#FFEDD1

Goose Yellow · Bisque · Peach Orange

HEX
#FFEDD1
RGB
rgb(255, 237, 209)
HSL
hsl(37, 100%, 91%)
HSB
hsb(37, 18%, 100%)
CMYK
cmyk(0%, 7%, 18%, 0%)
Oklch
oklch(95.3% 0.042 79.0)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#3B2E50

Deep Indigo · DarkSlateGray · Eggplant

HEX
#3B2E50
RGB
rgb(59, 46, 80)
HSL
hsl(263, 27%, 25%)
HSB
hsb(263, 43%, 31%)
CMYK
cmyk(26%, 42%, 0%, 69%)
Oklch
oklch(33.2% 0.061 300.8)

Traditional「Deep Indigo」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CD6071
60CDBD

Analogous

CD60A7
CD6071
CD8660

Triadic

CD6071
70CD60
6070CD

Split-Comp.

CD6071
60CD86
60A7CD

Tetradic

CD6071
A7CD60
60CDBD
8660CD

Contrast Matrix WCAG 2.1 Contrast

CD6071
FEA887
F4CF3D
FFEDD1
3B2E50
—
2.0
Fail
2.5
Fail
3.3
AA Large
3.3
AA Large
2.0
Fail
—
1.2
Fail
1.6
Fail
6.6
AA
2.5
Fail
1.2
Fail
—
1.3
Fail
8.2
AAA
3.3
AA Large
1.6
Fail
1.3
Fail
—
10.8
AAA
3.3
AA Large
6.6
AA
8.2
AAA
10.8
AAA
—
White BG
3.8AA Large
1.9Fail
1.5Fail
1.1Fail
12.4AAA
Black BG
5.5AA
11.2AAA
13.8AAA
18.3AAA
1.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

9E9D6D
D9D88F
E4E460
F7F7D8
353548

Deuteranopia

A4AC6C
DEE491
E6E969
F8FAD9
363746

Tritanopia

C86A69
FA9597
F27C82
FEDDDE
3A4140

Achromatopsia

838383
BEBEBE
C9C9C9
EFEFEF
363636

Shades & Tints Shades & Tints

#CD6071

Dark
Light

#FEA887

Dark
Light

#F4CF3D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cd6071;
  --color-2: #fea887;
  --color-3: #f4cf3d;
  --color-4: #ffedd1;
  --color-5: #3b2e50;
}

SCSS

$color-1: #cd6071;
$color-2: #fea887;
$color-3: #f4cf3d;
$color-4: #ffedd1;
$color-5: #3b2e50;

TAILWIND

colors: {
  'brand-1': '#cd6071',
  'brand-2': '#fea887',
  'brand-3': '#f4cf3d',
  'brand-4': '#ffedd1',
  'brand-5': '#3b2e50',
}

RGB Array

[205, 96, 113], [254, 168, 135], [244, 207, 61], [255, 237, 209], [59, 46, 80]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This luxury-style palette of #CD6071, #FEA887, #F4CF3D, #FFEDD1, #3B2E50 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #cd6071; --color-2: #fea887; --color-3: #f4cf3d; --color-4: #ffedd1; --color-5: #3b2e50. LangColor editor supports one-click export to CSS, SCSS, Tailwind, JSON and more. Click the "Export" button to choose your format.

What UI/UX design tips apply to this palette?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. High-contrast palettes naturally meet WCAG accessibility standards. Use the "Contrast Matrix" tool in LangColor editor to check WCAG accessibility levels for every color pair.

Which industries or brands suit this palette?

This luxury-style 5-color scheme is especially suited for food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. Click "AI Analysis" in the editor for more detailed brand color suggestions.

🎨 Open this palette in Editor →

Generated by LangColor online color tool · Breaking the barrier between language and color