← Back to Editor

#8A4F6F · #DD6B73 · #FF825B · #FAA234 · #DCCE8F

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#8A4F6F

Rose Purple · DimGray · Camellia

HEX
#8A4F6F
RGB
rgb(138, 79, 111)
HSL
hsl(327, 27%, 43%)
HSB
hsb(327, 43%, 54%)
CMYK
cmyk(0%, 43%, 20%, 46%)
Oklch
oklch(50.7% 0.089 347.0)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

#DD6B73

Peach Pink · LightCoral · Coral Red

HEX
#DD6B73
RGB
rgb(221, 107, 115)
HSL
hsl(356, 63%, 64%)
HSB
hsb(356, 52%, 87%)
CMYK
cmyk(0%, 52%, 48%, 13%)
Oklch
oklch(66.5% 0.143 17.4)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#FF825B

Peach Pink · Coral · Coral Red

HEX
#FF825B
RGB
rgb(255, 130, 91)
HSL
hsl(14, 100%, 68%)
HSB
hsb(14, 64%, 100%)
CMYK
cmyk(0%, 49%, 64%, 0%)
Oklch
oklch(74.1% 0.162 38.0)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#FAA234

Ginger · GoldenRod · Warm Sun

HEX
#FAA234
RGB
rgb(250, 162, 52)
HSL
hsl(33, 95%, 59%)
HSB
hsb(33, 79%, 98%)
CMYK
cmyk(0%, 35%, 79%, 2%)
Oklch
oklch(78.3% 0.156 66.8)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#DCCE8F

Goose Yellow · BurlyWood · Sunflower

HEX
#DCCE8F
RGB
rgb(220, 206, 143)
HSL
hsl(49, 52%, 71%)
HSB
hsb(49, 35%, 86%)
CMYK
cmyk(0%, 6%, 35%, 14%)
Oklch
oklch(84.8% 0.083 97.1)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8A4F6F
508B6B

Analogous

88508B
8A4F6F
8B5053

Triadic

8A4F6F
718B50
50718B

Split-Comp.

8A4F6F
538B50
508B88

Tetradic

8A4F6F
8B8850
508B6B
50538B

Contrast Matrix WCAG 2.1 Contrast

8A4F6F
DD6B73
FF825B
FAA234
DCCE8F
—
1.9
Fail
2.5
Fail
3.0
Fail
3.9
AA Large
1.9
Fail
—
1.3
Fail
1.6
Fail
2.1
Fail
2.5
Fail
1.3
Fail
—
1.2
Fail
1.5
Fail
3.0
Fail
1.6
Fail
1.2
Fail
—
1.3
Fail
3.9
AA Large
2.1
Fail
1.5
Fail
1.3
Fail
—
White BG
6.1AA
3.3AA Large
2.4Fail
2.0Fail
1.6Fail
Black BG
3.4AA Large
6.4AA
8.6AAA
10.3AAA
13.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

707067
ACAB71
C9C864
D4D34F
D6D69E

Deuteranopia

747865
B2BB71
D0DA67
D9E055
D7D8A2

Tritanopia

876160
D7706F
F96C6E
F66468
DBAAAD

Achromatopsia

646464
8E8E8E
A3A3A3
B0B0B0
CBCBCB

Shades & Tints Shades & Tints

#8A4F6F

Dark
Light

#DD6B73

Dark
Light

#FF825B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8a4f6f;
  --color-2: #dd6b73;
  --color-3: #ff825b;
  --color-4: #faa234;
  --color-5: #dcce8f;
}

SCSS

$color-1: #8a4f6f;
$color-2: #dd6b73;
$color-3: #ff825b;
$color-4: #faa234;
$color-5: #dcce8f;

TAILWIND

colors: {
  'brand-1': '#8a4f6f',
  'brand-2': '#dd6b73',
  'brand-3': '#ff825b',
  'brand-4': '#faa234',
  'brand-5': '#dcce8f',
}

RGB Array

[138, 79, 111], [221, 107, 115], [255, 130, 91], [250, 162, 52], [220, 206, 143]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #8A4F6F, #DD6B73, #FF825B, #FAA234, #DCCE8F is ideal for: social media posters, mobile apps, e-commerce promos. Vivid colors effectively attract user attention. 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: #8a4f6f; --color-2: #dd6b73; --color-3: #ff825b; --color-4: #faa234; --color-5: #dcce8f. 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. 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 general-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