← Back to Editor

#CC887A · #F79683 · #FAE4B9 · #F2D08D · #809D7E

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

#CC887A

Peach Pink · DarkSalmon · Coral Red

HEX
#CC887A
RGB
rgb(204, 136, 122)
HSL
hsl(10, 45%, 64%)
HSB
hsb(10, 40%, 80%)
CMYK
cmyk(0%, 33%, 40%, 20%)
Oklch
oklch(69.2% 0.087 32.1)

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

#F79683

Peach Pink · LightSalmon · Coral Red

HEX
#F79683
RGB
rgb(247, 150, 131)
HSL
hsl(10, 88%, 74%)
HSB
hsb(10, 47%, 97%)
CMYK
cmyk(0%, 39%, 47%, 3%)
Oklch
oklch(76.9% 0.121 31.9)

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

#FAE4B9

Goose Yellow · Wheat · Lemon Cream

HEX
#FAE4B9
RGB
rgb(250, 228, 185)
HSL
hsl(40, 87%, 85%)
HSB
hsb(40, 26%, 98%)
CMYK
cmyk(0%, 9%, 26%, 2%)
Oklch
oklch(92.6% 0.061 84.0)

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

#F2D08D

Goose Yellow · Khaki · Sunflower

HEX
#F2D08D
RGB
rgb(242, 208, 141)
HSL
hsl(40, 80%, 75%)
HSB
hsb(40, 42%, 95%)
CMYK
cmyk(0%, 14%, 42%, 5%)
Oklch
oklch(87.1% 0.093 83.7)

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

#809D7E

Celadon · Gray · Olive Green

HEX
#809D7E
RGB
rgb(128, 157, 126)
HSL
hsl(116, 14%, 55%)
HSB
hsb(116, 20%, 62%)
CMYK
cmyk(18%, 0%, 20%, 38%)
Oklch
oklch(66.5% 0.056 143.2)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CC887A
7ABFCD

Analogous

CD7A95
CC887A
CDB17A

Triadic

CC887A
7ACD88
887ACD

Split-Comp.

CC887A
7ACDB1
7A95CD

Tetradic

CC887A
95CD7A
7ABFCD
B17ACD

Contrast Matrix WCAG 2.1 Contrast

CC887A
F79683
FAE4B9
F2D08D
809D7E
—
1.3
Fail
2.3
Fail
1.9
Fail
1.0
Fail
1.3
Fail
—
1.7
Fail
1.5
Fail
1.4
Fail
2.3
Fail
1.7
Fail
—
1.2
Fail
2.4
Fail
1.9
Fail
1.5
Fail
1.2
Fail
—
2.0
Fail
1.0
Fail
1.4
Fail
2.4
Fail
2.0
Fail
—
White BG
2.8Fail
2.2Fail
1.2Fail
1.5Fail
3.0Fail
Black BG
7.4AAA
9.6AAA
16.9AAA
14.2AAA
7.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

AFAE7D
CDCC88
F0F0C3
E3E39D
8D8D86

Deuteranopia

B3B87E
D3DA89
F2F3C6
E5E8A1
8B8987

Tritanopia

C98081
F28B8C
F9CCCD
F0AAAD
818B8D

Achromatopsia

9B9B9B
B1B1B1
E6E6E6
D3D3D3
919191

Shades & Tints Shades & Tints

#CC887A

Dark
Light

#F79683

Dark
Light

#FAE4B9

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cc887a;
  --color-2: #f79683;
  --color-3: #fae4b9;
  --color-4: #f2d08d;
  --color-5: #809d7e;
}

SCSS

$color-1: #cc887a;
$color-2: #f79683;
$color-3: #fae4b9;
$color-4: #f2d08d;
$color-5: #809d7e;

TAILWIND

colors: {
  'brand-1': '#cc887a',
  'brand-2': '#f79683',
  'brand-3': '#fae4b9',
  'brand-4': '#f2d08d',
  'brand-5': '#809d7e',
}

RGB Array

[204, 136, 122], [247, 150, 131], [250, 228, 185], [242, 208, 141], [128, 157, 126]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CC887A, #F79683, #FAE4B9, #F2D08D, #809D7E 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: #cc887a; --color-2: #f79683; --color-3: #fae4b9; --color-4: #f2d08d; --color-5: #809d7e. 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