← Back to Editor

#D6C3A5 · #F2BB92 · #D29579 · #FF3472 · #339377

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#D6C3A5

Goose Yellow · Tan · Warm Sun

HEX
#D6C3A5
RGB
rgb(214, 195, 165)
HSL
hsl(37, 37%, 74%)
HSB
hsb(37, 23%, 84%)
CMYK
cmyk(0%, 9%, 23%, 16%)
Oklch
oklch(82.5% 0.046 79.2)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#F2BB92

Apricot · BurlyWood · Peach Orange

HEX
#F2BB92
RGB
rgb(242, 187, 146)
HSL
hsl(26, 79%, 76%)
HSB
hsb(26, 40%, 95%)
CMYK
cmyk(0%, 23%, 40%, 5%)
Oklch
oklch(83.2% 0.084 58.0)

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

#D29579

Apricot · DarkSalmon · Warm Sun

HEX
#D29579
RGB
rgb(210, 149, 121)
HSL
hsl(19, 50%, 65%)
HSB
hsb(19, 42%, 82%)
CMYK
cmyk(0%, 29%, 42%, 18%)
Oklch
oklch(72.3% 0.084 45.6)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#FF3472

Dark Violet · DeepPink · Rose Pink

HEX
#FF3472
RGB
rgb(255, 52, 114)
HSL
hsl(342, 100%, 60%)
HSB
hsb(342, 80%, 100%)
CMYK
cmyk(0%, 80%, 55%, 0%)
Oklch
oklch(66.0% 0.235 9.5)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#339377

Mineral Blue · SeaGreen · Mint Ice

HEX
#339377
RGB
rgb(51, 147, 119)
HSL
hsl(163, 48%, 39%)
HSB
hsb(163, 65%, 58%)
CMYK
cmyk(65%, 0%, 19%, 42%)
Oklch
oklch(59.9% 0.099 170.1)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D6C3A5
A4B7D5

Analogous

D5AAA4
D6C3A5
D0D5A4

Triadic

D6C3A5
A4D5C2
C2A4D5

Split-Comp.

D6C3A5
A4D0D5
AAA4D5

Tetradic

D6C3A5
A4D5AA
A4B7D5
D5A4D0

Contrast Matrix WCAG 2.1 Contrast

D6C3A5
F2BB92
D29579
FF3472
339377
—
1.0
Fail
1.5
Fail
2.0
Fail
2.2
Fail
1.0
Fail
—
1.5
Fail
2.1
Fail
2.2
Fail
1.5
Fail
1.5
Fail
—
1.4
Fail
1.5
Fail
2.0
Fail
2.1
Fail
1.4
Fail
—
1.1
Fail
2.2
Fail
2.2
Fail
1.5
Fail
1.1
Fail
—
White BG
1.7Fail
1.7Fail
2.5Fail
3.5AA Large
3.8AA Large
Black BG
12.2AAA
12.3AAA
8.3AAA
6.0AA
5.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CECEAC
DADA9C
B8B780
A7A563
5D5D7E

Deuteranopia

CFD0AE
DDE19E
BBC081
B3C25F
57507F

Tritanopia

D5B2B3
EFA4A5
CF8586
F55755
388384

Achromatopsia

C5C5C5
C7C7C7
A4A4A4
787878
737373

Shades & Tints Shades & Tints

#D6C3A5

Dark
Light

#F2BB92

Dark
Light

#D29579

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d6c3a5;
  --color-2: #f2bb92;
  --color-3: #d29579;
  --color-4: #ff3472;
  --color-5: #339377;
}

SCSS

$color-1: #d6c3a5;
$color-2: #f2bb92;
$color-3: #d29579;
$color-4: #ff3472;
$color-5: #339377;

TAILWIND

colors: {
  'brand-1': '#d6c3a5',
  'brand-2': '#f2bb92',
  'brand-3': '#d29579',
  'brand-4': '#ff3472',
  'brand-5': '#339377',
}

RGB Array

[214, 195, 165], [242, 187, 146], [210, 149, 121], [255, 52, 114], [51, 147, 119]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D6C3A5, #F2BB92, #D29579, #FF3472, #339377 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: #d6c3a5; --color-2: #f2bb92; --color-3: #d29579; --color-4: #ff3472; --color-5: #339377. 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