← Back to Editor

#F7DADA · #EFB1A9 · #F29C66 · #FF8066 · #A89185

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

#F7DADA

Peach Pink · Linen · Cherry Blossom

HEX
#F7DADA
RGB
rgb(247, 218, 218)
HSL
hsl(0, 64%, 91%)
HSB
hsb(0, 12%, 97%)
CMYK
cmyk(0%, 12%, 12%, 3%)
Oklch
oklch(91.2% 0.032 17.8)

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

#EFB1A9

Peach Pink · LightPink · Coral Red

HEX
#EFB1A9
RGB
rgb(239, 177, 169)
HSL
hsl(7, 69%, 80%)
HSB
hsb(7, 29%, 94%)
CMYK
cmyk(0%, 26%, 29%, 6%)
Oklch
oklch(81.6% 0.074 27.1)

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

#F29C66

Apricot · SandyBrown · Warm Sun

HEX
#F29C66
RGB
rgb(242, 156, 102)
HSL
hsl(23, 84%, 67%)
HSB
hsb(23, 58%, 95%)
CMYK
cmyk(0%, 36%, 58%, 5%)
Oklch
oklch(76.8% 0.124 52.1)

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

#FF8066

Peach Pink · Salmon · Coral Red

HEX
#FF8066
RGB
rgb(255, 128, 102)
HSL
hsl(10, 100%, 70%)
HSB
hsb(10, 60%, 100%)
CMYK
cmyk(0%, 50%, 60%, 0%)
Oklch
oklch(74.0% 0.160 32.9)

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

#A89185

Tangerine · DarkGray · Warm Sun

HEX
#A89185
RGB
rgb(168, 145, 133)
HSL
hsl(21, 17%, 59%)
HSB
hsb(21, 21%, 66%)
CMYK
cmyk(0%, 14%, 21%, 34%)
Oklch
oklch(67.4% 0.033 49.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F7DADA
D9F7F7

Analogous

F7D9E8
F7DADA
F7E8D9

Triadic

F7DADA
D9F7D9
D9D9F7

Split-Comp.

F7DADA
D9F7E8
D9E8F7

Tetradic

F7DADA
E8F7D9
D9F7F7
E8D9F7

Contrast Matrix WCAG 2.1 Contrast

F7DADA
EFB1A9
F29C66
FF8066
A89185
—
1.4
Fail
1.6
Fail
1.9
Fail
2.3
Fail
1.4
Fail
—
1.2
Fail
1.4
Fail
1.6
Fail
1.6
Fail
1.2
Fail
—
1.1
Fail
1.4
Fail
1.9
Fail
1.4
Fail
1.1
Fail
—
1.2
Fail
2.3
Fail
1.6
Fail
1.4
Fail
1.2
Fail
—
White BG
1.3Fail
1.8Fail
2.2Fail
2.5Fail
3.0Fail
Black BG
16.0AAA
11.5AAA
9.7AAA
8.5AAA
7.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EAEADA
D4D4AB
CDCC73
C8C76C
9E9E88

Deuteranopia

ECEEDA
D8DCAB
D2D876
CFD96E
9FA189

Tritanopia

F6DADA
ECACAD
EE7D80
F97172
A78A8B

Achromatopsia

E3E3E3
C3C3C3
B0B0B0
A3A3A3
979797

Shades & Tints Shades & Tints

#F7DADA

Dark
Light

#EFB1A9

Dark
Light

#F29C66

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f7dada;
  --color-2: #efb1a9;
  --color-3: #f29c66;
  --color-4: #ff8066;
  --color-5: #a89185;
}

SCSS

$color-1: #f7dada;
$color-2: #efb1a9;
$color-3: #f29c66;
$color-4: #ff8066;
$color-5: #a89185;

TAILWIND

colors: {
  'brand-1': '#f7dada',
  'brand-2': '#efb1a9',
  'brand-3': '#f29c66',
  'brand-4': '#ff8066',
  'brand-5': '#a89185',
}

RGB Array

[247, 218, 218], [239, 177, 169], [242, 156, 102], [255, 128, 102], [168, 145, 133]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F7DADA, #EFB1A9, #F29C66, #FF8066, #A89185 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: #f7dada; --color-2: #efb1a9; --color-3: #f29c66; --color-4: #ff8066; --color-5: #a89185. 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