← Back to Editor

#D97F71 · #F5AB76 · #E6CC7E · #C9F5EF · #AEE6DE

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

#D97F71

Peach Pink · LightCoral · Coral Red

HEX
#D97F71
RGB
rgb(217, 127, 113)
HSL
hsl(8, 58%, 65%)
HSB
hsb(8, 48%, 85%)
CMYK
cmyk(0%, 41%, 48%, 15%)
Oklch
oklch(69.0% 0.114 29.7)

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

#F5AB76

Apricot · LightSalmon · Warm Sun

HEX
#F5AB76
RGB
rgb(245, 171, 118)
HSL
hsl(25, 86%, 71%)
HSB
hsb(25, 52%, 96%)
CMYK
cmyk(0%, 30%, 52%, 4%)
Oklch
oklch(80.1% 0.111 56.0)

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

#E6CC7E

Ginger · BurlyWood · Sunflower

HEX
#E6CC7E
RGB
rgb(230, 204, 126)
HSL
hsl(45, 68%, 70%)
HSB
hsb(45, 45%, 90%)
CMYK
cmyk(0%, 11%, 45%, 10%)
Oklch
oklch(85.0% 0.102 91.6)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#C9F5EF

Jade · Lavender · Glacier Blue

HEX
#C9F5EF
RGB
rgb(201, 245, 239)
HSL
hsl(172, 69%, 87%)
HSB
hsb(172, 18%, 96%)
CMYK
cmyk(18%, 0%, 2%, 4%)
Oklch
oklch(93.8% 0.046 186.3)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

#AEE6DE

Jade · LightBlue · Glacier Blue

HEX
#AEE6DE
RGB
rgb(174, 230, 222)
HSL
hsl(171, 53%, 79%)
HSB
hsb(171, 24%, 90%)
CMYK
cmyk(24%, 0%, 3%, 10%)
Oklch
oklch(88.4% 0.058 185.3)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D97F71
72CCDA

Analogous

DA7298
D97F71
DAB472

Triadic

D97F71
72DA80
8072DA

Split-Comp.

D97F71
72DAB4
7298DA

Tetradic

D97F71
98DA72
72CCDA
B472DA

Contrast Matrix WCAG 2.1 Contrast

D97F71
F5AB76
E6CC7E
C9F5EF
AEE6DE
—
1.5
Fail
1.8
Fail
2.5
Fail
2.1
Fail
1.5
Fail
—
1.2
Fail
1.6
Fail
1.4
Fail
1.8
Fail
1.2
Fail
—
1.3
Fail
1.1
Fail
2.5
Fail
1.6
Fail
1.3
Fail
—
1.2
Fail
2.1
Fail
1.4
Fail
1.1
Fail
1.2
Fail
—
White BG
2.9Fail
1.9Fail
1.6Fail
1.2Fail
1.4Fail
Black BG
7.2AAA
11.0AAA
13.3AAA
17.8AAA
15.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B2B174
D5D483
DBDB91
DCDCF0
C6C7E0

Deuteranopia

B7BE75
D9DF86
DCDE95
DAD6F1
C3BFE0

Tritanopia

D47778
F18D8F
E5A0A3
CBF2F2
B1E1E2

Achromatopsia

989898
BBBBBB
CBCBCB
E7E7E7
D4D4D4

Shades & Tints Shades & Tints

#D97F71

Dark
Light

#F5AB76

Dark
Light

#E6CC7E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d97f71;
  --color-2: #f5ab76;
  --color-3: #e6cc7e;
  --color-4: #c9f5ef;
  --color-5: #aee6de;
}

SCSS

$color-1: #d97f71;
$color-2: #f5ab76;
$color-3: #e6cc7e;
$color-4: #c9f5ef;
$color-5: #aee6de;

TAILWIND

colors: {
  'brand-1': '#d97f71',
  'brand-2': '#f5ab76',
  'brand-3': '#e6cc7e',
  'brand-4': '#c9f5ef',
  'brand-5': '#aee6de',
}

RGB Array

[217, 127, 113], [245, 171, 118], [230, 204, 126], [201, 245, 239], [174, 230, 222]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D97F71, #F5AB76, #E6CC7E, #C9F5EF, #AEE6DE 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: #d97f71; --color-2: #f5ab76; --color-3: #e6cc7e; --color-4: #c9f5ef; --color-5: #aee6de. 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