← Back to Editor

#D68B76 · #FDAA9F · #F7C592 · #FFE9B7 · #D9C9AF

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

#D68B76

Peach Pink · DarkSalmon · Coral Red

HEX
#D68B76
RGB
rgb(214, 139, 118)
HSL
hsl(13, 54%, 65%)
HSB
hsb(13, 45%, 84%)
CMYK
cmyk(0%, 35%, 45%, 16%)
Oklch
oklch(70.8% 0.097 36.4)

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

#FDAA9F

Peach Pink · LightPink · Cherry Blossom

HEX
#FDAA9F
RGB
rgb(253, 170, 159)
HSL
hsl(7, 96%, 81%)
HSB
hsb(7, 37%, 99%)
CMYK
cmyk(0%, 33%, 37%, 1%)
Oklch
oklch(81.6% 0.100 27.8)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#F7C592

Goose Yellow · BurlyWood · Peach Orange

HEX
#F7C592
RGB
rgb(247, 197, 146)
HSL
hsl(30, 86%, 77%)
HSB
hsb(30, 41%, 97%)
CMYK
cmyk(0%, 20%, 41%, 3%)
Oklch
oklch(85.6% 0.087 66.8)

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

#FFE9B7

Goose Yellow · Bisque · Lemon Cream

HEX
#FFE9B7
RGB
rgb(255, 233, 183)
HSL
hsl(42, 100%, 86%)
HSB
hsb(42, 28%, 100%)
CMYK
cmyk(0%, 9%, 28%, 0%)
Oklch
oklch(94.0% 0.069 87.0)

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

#D9C9AF

Goose Yellow · Silver · Peach Orange

HEX
#D9C9AF
RGB
rgb(217, 201, 175)
HSL
hsl(37, 36%, 77%)
HSB
hsb(37, 19%, 85%)
CMYK
cmyk(0%, 7%, 19%, 15%)
Oklch
oklch(84.2% 0.039 80.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D68B76
76C1D6

Analogous

D67691
D68B76
D6BB76

Triadic

D68B76
76D68A
8A76D6

Split-Comp.

D68B76
76D6BB
7691D6

Tetradic

D68B76
91D676
76C1D6
BB76D6

Contrast Matrix WCAG 2.1 Contrast

D68B76
FDAA9F
F7C592
FFE9B7
D9C9AF
—
1.5
Fail
1.7
Fail
2.3
Fail
1.7
Fail
1.5
Fail
—
1.2
Fail
1.5
Fail
1.1
Fail
1.7
Fail
1.2
Fail
—
1.3
Fail
1.0
Fail
2.3
Fail
1.5
Fail
1.3
Fail
—
1.4
Fail
1.7
Fail
1.1
Fail
1.0
Fail
1.4
Fail
—
White BG
2.7Fail
1.8Fail
1.6Fail
1.2Fail
1.6Fail
Black BG
7.8AAA
11.4AAA
13.4AAA
17.6AAA
12.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B6B57B
D9D8A2
E1E19E
F5F5C3
D2D2B5

Deuteranopia

BABF7C
DEE4A2
E4E8A1
F7F8C6
D3D4B7

Tritanopia

D27F80
F9A4A4
F4A8AA
FECDCF
D8BABB

Achromatopsia

9F9F9F
C2C2C2
CECECE
EAEAEA
CBCBCB

Shades & Tints Shades & Tints

#D68B76

Dark
Light

#FDAA9F

Dark
Light

#F7C592

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d68b76;
  --color-2: #fdaa9f;
  --color-3: #f7c592;
  --color-4: #ffe9b7;
  --color-5: #d9c9af;
}

SCSS

$color-1: #d68b76;
$color-2: #fdaa9f;
$color-3: #f7c592;
$color-4: #ffe9b7;
$color-5: #d9c9af;

TAILWIND

colors: {
  'brand-1': '#d68b76',
  'brand-2': '#fdaa9f',
  'brand-3': '#f7c592',
  'brand-4': '#ffe9b7',
  'brand-5': '#d9c9af',
}

RGB Array

[214, 139, 118], [253, 170, 159], [247, 197, 146], [255, 233, 183], [217, 201, 175]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D68B76, #FDAA9F, #F7C592, #FFE9B7, #D9C9AF is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. 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: #d68b76; --color-2: #fdaa9f; --color-3: #f7c592; --color-4: #ffe9b7; --color-5: #d9c9af. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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