← Back to Editor

#FFE6D4 · #FF8C9F · #FFC9AD · #FFFBB8 · #54D1C7

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

#FFE6D4

Apricot · Bisque · Peach Orange

HEX
#FFE6D4
RGB
rgb(255, 230, 212)
HSL
hsl(25, 100%, 92%)
HSB
hsb(25, 17%, 100%)
CMYK
cmyk(0%, 10%, 17%, 0%)
Oklch
oklch(94.0% 0.036 58.0)

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

#FF8C9F

Peach Pink · LightCoral · Coral Red

HEX
#FF8C9F
RGB
rgb(255, 140, 159)
HSL
hsl(350, 100%, 77%)
HSB
hsb(350, 45%, 100%)
CMYK
cmyk(0%, 45%, 38%, 0%)
Oklch
oklch(77.0% 0.140 10.4)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#FFC9AD

Apricot · Wheat · Peach Orange

HEX
#FFC9AD
RGB
rgb(255, 201, 173)
HSL
hsl(20, 100%, 84%)
HSB
hsb(20, 32%, 100%)
CMYK
cmyk(0%, 21%, 32%, 0%)
Oklch
oklch(87.7% 0.072 48.8)

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

#FFFBB8

Fresh Green · Bisque · Lemon Cream

HEX
#FFFBB8
RGB
rgb(255, 251, 184)
HSL
hsl(57, 100%, 86%)
HSB
hsb(57, 28%, 100%)
CMYK
cmyk(0%, 2%, 28%, 0%)
Oklch
oklch(97.6% 0.085 105.0)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#54D1C7

Mineral Blue · MediumTurquoise · Lake Green

HEX
#54D1C7
RGB
rgb(84, 209, 199)
HSL
hsl(175, 58%, 57%)
HSB
hsb(175, 60%, 82%)
CMYK
cmyk(60%, 0%, 5%, 18%)
Oklch
oklch(78.9% 0.111 187.8)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFE6D4
D6EEFF

Analogous

FFD6DA
FFE6D4
FFFCD6

Triadic

FFE6D4
D6FFE7
E7D6FF

Split-Comp.

FFE6D4
D6FFFC
D6DAFF

Tetradic

FFE6D4
DAFFD6
D6EEFF
FCD6FF

Contrast Matrix WCAG 2.1 Contrast

FFE6D4
FF8C9F
FFC9AD
FFFBB8
54D1C7
—
1.8
Fail
1.2
Fail
1.1
Fail
1.5
Fail
1.8
Fail
—
1.5
Fail
2.1
Fail
1.2
Fail
1.2
Fail
1.5
Fail
—
1.4
Fail
1.3
Fail
1.1
Fail
2.1
Fail
1.4
Fail
—
1.7
Fail
1.5
Fail
1.2
Fail
1.3
Fail
1.7
Fail
—
White BG
1.2Fail
2.2Fail
1.5Fail
1.1Fail
1.9Fail
Black BG
17.5AAA
9.5AAA
14.2AAA
19.7AAA
11.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F4F4D8
CDCC9A
E8E7B4
FDFDC8
8A8BC9

Deuteranopia

F6F8D9
D4DD99
EBEFB5
FEFECC
837ACA

Tritanopia

FEDCDD
F99796
FCB9BA
FFD5D8
5ACBCC

Achromatopsia

EBEBEB
B1B1B1
D6D6D6
F5F5F5
AAAAAA

Shades & Tints Shades & Tints

#FFE6D4

Dark
Light

#FF8C9F

Dark
Light

#FFC9AD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffe6d4;
  --color-2: #ff8c9f;
  --color-3: #ffc9ad;
  --color-4: #fffbb8;
  --color-5: #54d1c7;
}

SCSS

$color-1: #ffe6d4;
$color-2: #ff8c9f;
$color-3: #ffc9ad;
$color-4: #fffbb8;
$color-5: #54d1c7;

TAILWIND

colors: {
  'brand-1': '#ffe6d4',
  'brand-2': '#ff8c9f',
  'brand-3': '#ffc9ad',
  'brand-4': '#fffbb8',
  'brand-5': '#54d1c7',
}

RGB Array

[255, 230, 212], [255, 140, 159], [255, 201, 173], [255, 251, 184], [84, 209, 199]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFE6D4, #FF8C9F, #FFC9AD, #FFFBB8, #54D1C7 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: #ffe6d4; --color-2: #ff8c9f; --color-3: #ffc9ad; --color-4: #fffbb8; --color-5: #54d1c7. 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