← Back to Editor

#FF9988 · #FFA266 · #FF6666 · #FFC28B · #C8CAD1

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

#FF9988

Peach Pink · LightSalmon · Coral Red

HEX
#FF9988
RGB
rgb(255, 153, 136)
HSL
hsl(9, 100%, 77%)
HSB
hsb(9, 47%, 100%)
CMYK
cmyk(0%, 40%, 47%, 0%)
Oklch
oklch(78.5% 0.126 30.3)

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

#FFA266

Apricot · SandyBrown · Warm Sun

HEX
#FFA266
RGB
rgb(255, 162, 102)
HSL
hsl(24, 100%, 70%)
HSB
hsb(24, 60%, 100%)
CMYK
cmyk(0%, 36%, 60%, 0%)
Oklch
oklch(79.4% 0.134 52.5)

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

#FF6666

Peach Pink · Salmon · Coral Red

HEX
#FF6666
RGB
rgb(255, 102, 102)
HSL
hsl(0, 100%, 70%)
HSB
hsb(0, 60%, 100%)
CMYK
cmyk(0%, 60%, 60%, 0%)
Oklch
oklch(70.4% 0.187 23.2)

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

#FFC28B

Apricot · BurlyWood · Peach Orange

HEX
#FFC28B
RGB
rgb(255, 194, 139)
HSL
hsl(28, 100%, 77%)
HSB
hsb(28, 45%, 100%)
CMYK
cmyk(0%, 24%, 45%, 0%)
Oklch
oklch(85.7% 0.099 62.9)

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

#C8CAD1

Azure · LightGray · Pearl Gray

HEX
#C8CAD1
RGB
rgb(200, 202, 209)
HSL
hsl(227, 9%, 80%)
HSB
hsb(227, 4%, 82%)
CMYK
cmyk(4%, 3%, 0%, 18%)
Oklch
oklch(84.0% 0.010 273.3)

Traditional「Azure」· Paint「Pearl Gray」· Creative Silver Lining

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF9988
8AEDFF

Analogous

FF8AB3
FF9988
FFD68A

Triadic

FF9988
8AFF9B
9B8AFF

Split-Comp.

FF9988
8AFFD6
8AB3FF

Tetradic

FF9988
B3FF8A
8AEDFF
D68AFF

Contrast Matrix WCAG 2.1 Contrast

FF9988
FFA266
FF6666
FFC28B
C8CAD1
—
1.0
Fail
1.4
Fail
1.3
Fail
1.3
Fail
1.0
Fail
—
1.4
Fail
1.3
Fail
1.2
Fail
1.4
Fail
1.4
Fail
—
1.8
Fail
1.7
Fail
1.3
Fail
1.3
Fail
1.8
Fail
—
1.0
Fail
1.3
Fail
1.2
Fail
1.7
Fail
1.0
Fail
—
White BG
2.1Fail
2.0Fail
2.9Fail
1.6Fail
1.6Fail
Black BG
10.2AAA
10.6AAA
7.3AAA
13.3AAA
12.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D3D28C
D7D675
BDBB66
E5E498
C9C9CF

Deuteranopia

D9E08D
DCE378
C6D166
E8ED9C
C9C9CF

Tritanopia

FA8F90
FA8083
F76666
FCA3A5
C8CECE

Achromatopsia

B6B6B6
B7B7B7
949494
CECECE
CACACA

Shades & Tints Shades & Tints

#FF9988

Dark
Light

#FFA266

Dark
Light

#FF6666

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff9988;
  --color-2: #ffa266;
  --color-3: #ff6666;
  --color-4: #ffc28b;
  --color-5: #c8cad1;
}

SCSS

$color-1: #ff9988;
$color-2: #ffa266;
$color-3: #ff6666;
$color-4: #ffc28b;
$color-5: #c8cad1;

TAILWIND

colors: {
  'brand-1': '#ff9988',
  'brand-2': '#ffa266',
  'brand-3': '#ff6666',
  'brand-4': '#ffc28b',
  'brand-5': '#c8cad1',
}

RGB Array

[255, 153, 136], [255, 162, 102], [255, 102, 102], [255, 194, 139], [200, 202, 209]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FF9988, #FFA266, #FF6666, #FFC28B, #C8CAD1 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: #ff9988; --color-2: #ffa266; --color-3: #ff6666; --color-4: #ffc28b; --color-5: #c8cad1. 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