← Back to Editor

#FFF6D6 · #D4EAE8 · #E6DED3 · #FDCDA7 · #FFAA93

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

#FFF6D6

Goose Yellow · Beige · Lemon Cream

HEX
#FFF6D6
RGB
rgb(255, 246, 214)
HSL
hsl(47, 100%, 92%)
HSB
hsb(47, 16%, 100%)
CMYK
cmyk(0%, 4%, 16%, 0%)
Oklch
oklch(97.2% 0.043 94.1)

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

#D4EAE8

Jade · Lavender · Glacier Blue

HEX
#D4EAE8
RGB
rgb(212, 234, 232)
HSL
hsl(175, 34%, 87%)
HSB
hsb(175, 9%, 92%)
CMYK
cmyk(9%, 0%, 1%, 8%)
Oklch
oklch(92.0% 0.023 190.1)

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

#E6DED3

Goose Yellow · LightGray · Peach Orange

HEX
#E6DED3
RGB
rgb(230, 222, 211)
HSL
hsl(35, 28%, 86%)
HSB
hsb(35, 8%, 90%)
CMYK
cmyk(0%, 3%, 8%, 10%)
Oklch
oklch(90.4% 0.017 76.1)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#FDCDA7

Apricot · Wheat · Peach Orange

HEX
#FDCDA7
RGB
rgb(253, 205, 167)
HSL
hsl(27, 96%, 82%)
HSB
hsb(27, 34%, 99%)
CMYK
cmyk(0%, 19%, 34%, 1%)
Oklch
oklch(88.1% 0.074 60.0)

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

#FFAA93

Peach Pink · LightSalmon · Coral Red

HEX
#FFAA93
RGB
rgb(255, 170, 147)
HSL
hsl(13, 100%, 79%)
HSB
hsb(13, 42%, 100%)
CMYK
cmyk(0%, 33%, 42%, 0%)
Oklch
oklch(81.6% 0.106 35.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFF6D6
D6DFFF

Analogous

FFE2D6
FFF6D6
F3FFD6

Triadic

FFF6D6
D6FFF6
F6D6FF

Split-Comp.

FFF6D6
D6F3FF
E2D6FF

Tetradic

FFF6D6
D6FFE2
D6DFFF
FFD6F3

Contrast Matrix WCAG 2.1 Contrast

FFF6D6
D4EAE8
E6DED3
FDCDA7
FFAA93
—
1.2
Fail
1.2
Fail
1.3
Fail
1.7
Fail
1.2
Fail
—
1.1
Fail
1.2
Fail
1.5
Fail
1.2
Fail
1.1
Fail
—
1.1
Fail
1.4
Fail
1.3
Fail
1.2
Fail
1.1
Fail
—
1.3
Fail
1.7
Fail
1.5
Fail
1.4
Fail
1.3
Fail
—
White BG
1.1Fail
1.3Fail
1.3Fail
1.5Fail
1.8Fail
Black BG
19.4AAA
16.7AAA
15.8AAA
14.5AAA
11.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

FBFBDE
DEDEE8
E3E2D6
E8E8B0
DAD999

Deuteranopia

FCFCE0
DCDBE9
E3E4D6
EBEFB2
DFE69A

Tritanopia

FFE4E5
D5E9E9
E6D8D8
FBB7B9
FB9D9E

Achromatopsia

F5F5F5
E3E3E3
DFDFDF
D7D7D7
C1C1C1

Shades & Tints Shades & Tints

#FFF6D6

Dark
Light

#D4EAE8

Dark
Light

#E6DED3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fff6d6;
  --color-2: #d4eae8;
  --color-3: #e6ded3;
  --color-4: #fdcda7;
  --color-5: #ffaa93;
}

SCSS

$color-1: #fff6d6;
$color-2: #d4eae8;
$color-3: #e6ded3;
$color-4: #fdcda7;
$color-5: #ffaa93;

TAILWIND

colors: {
  'brand-1': '#fff6d6',
  'brand-2': '#d4eae8',
  'brand-3': '#e6ded3',
  'brand-4': '#fdcda7',
  'brand-5': '#ffaa93',
}

RGB Array

[255, 246, 214], [212, 234, 232], [230, 222, 211], [253, 205, 167], [255, 170, 147]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFF6D6, #D4EAE8, #E6DED3, #FDCDA7, #FFAA93 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: #fff6d6; --color-2: #d4eae8; --color-3: #e6ded3; --color-4: #fdcda7; --color-5: #ffaa93. 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