← Back to Editor

#EFFAD9 · #FFE6C2 · #FFC7C2 · #E6AABB · #B099A0

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

#EFFAD9

Willow Green · Beige · Mint Green

HEX
#EFFAD9
RGB
rgb(239, 250, 217)
HSL
hsl(80, 77%, 92%)
HSB
hsb(80, 13%, 98%)
CMYK
cmyk(4%, 0%, 13%, 2%)
Oklch
oklch(96.8% 0.045 122.2)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

#FFE6C2

Goose Yellow · Bisque · Peach Orange

HEX
#FFE6C2
RGB
rgb(255, 230, 194)
HSL
hsl(35, 100%, 88%)
HSB
hsb(35, 24%, 100%)
CMYK
cmyk(0%, 10%, 24%, 0%)
Oklch
oklch(93.6% 0.054 76.9)

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

#FFC7C2

Peach Pink · Pink · Cherry Blossom

HEX
#FFC7C2
RGB
rgb(255, 199, 194)
HSL
hsl(5, 100%, 88%)
HSB
hsb(5, 24%, 100%)
CMYK
cmyk(0%, 22%, 24%, 0%)
Oklch
oklch(87.8% 0.065 24.3)

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

#E6AABB

Rouge · LightPink · Cherry Blossom

HEX
#E6AABB
RGB
rgb(230, 170, 187)
HSL
hsl(343, 55%, 78%)
HSB
hsb(343, 26%, 90%)
CMYK
cmyk(0%, 26%, 19%, 10%)
Oklch
oklch(79.9% 0.073 0.2)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#B099A0

Rouge · DarkGray · Rose Pink

HEX
#B099A0
RGB
rgb(176, 153, 160)
HSL
hsl(342, 13%, 65%)
HSB
hsb(342, 13%, 69%)
CMYK
cmyk(0%, 13%, 9%, 31%)
Oklch
oklch(70.5% 0.029 357.5)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EFFAD9
E5DBFA

Analogous

FAF5DB
EFFAD9
E0FADB

Triadic

EFFAD9
DBF0FA
FADBF0

Split-Comp.

EFFAD9
DBE0FA
F5DBFA

Tetradic

EFFAD9
DBFAF5
E5DBFA
FADBE0

Contrast Matrix WCAG 2.1 Contrast

EFFAD9
FFE6C2
FFC7C2
E6AABB
B099A0
—
1.1
Fail
1.4
Fail
1.8
Fail
2.4
Fail
1.1
Fail
—
1.2
Fail
1.6
Fail
2.2
Fail
1.4
Fail
1.2
Fail
—
1.3
Fail
1.8
Fail
1.8
Fail
1.6
Fail
1.3
Fail
—
1.4
Fail
2.4
Fail
2.2
Fail
1.8
Fail
1.4
Fail
—
White BG
1.1Fail
1.2Fail
1.5Fail
1.9Fail
2.7Fail
Black BG
19.3AAA
17.3AAA
14.2AAA
10.8AAA
7.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F4F4E1
F4F4CB
E7E6C3
CCCBB7
A6A69E

Deuteranopia

F3F2E3
F6F8CD
EAEEC3
D0D4B6
A7A99E

Tritanopia

F0E7E9
FED2D3
FCC4C4
E3B4B3
AF9D9D

Achromatopsia

F3F3F3
E9E9E9
D7D7D7
BEBEBE
A1A1A1

Shades & Tints Shades & Tints

#EFFAD9

Dark
Light

#FFE6C2

Dark
Light

#FFC7C2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #effad9;
  --color-2: #ffe6c2;
  --color-3: #ffc7c2;
  --color-4: #e6aabb;
  --color-5: #b099a0;
}

SCSS

$color-1: #effad9;
$color-2: #ffe6c2;
$color-3: #ffc7c2;
$color-4: #e6aabb;
$color-5: #b099a0;

TAILWIND

colors: {
  'brand-1': '#effad9',
  'brand-2': '#ffe6c2',
  'brand-3': '#ffc7c2',
  'brand-4': '#e6aabb',
  'brand-5': '#b099a0',
}

RGB Array

[239, 250, 217], [255, 230, 194], [255, 199, 194], [230, 170, 187], [176, 153, 160]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EFFAD9, #FFE6C2, #FFC7C2, #E6AABB, #B099A0 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: #effad9; --color-2: #ffe6c2; --color-3: #ffc7c2; --color-4: #e6aabb; --color-5: #b099a0. 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