← Back to Editor

#FFC1B5 · #ECFFDA · #C4EABC · #94D09C · #EEFFBB

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

#FFC1B5

Peach Pink · LightPink · Cherry Blossom

HEX
#FFC1B5
RGB
rgb(255, 193, 181)
HSL
hsl(10, 100%, 85%)
HSB
hsb(10, 29%, 100%)
CMYK
cmyk(0%, 24%, 29%, 0%)
Oklch
oklch(86.4% 0.074 31.1)

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

#ECFFDA

Emerald · Beige · Mint Green

HEX
#ECFFDA
RGB
rgb(236, 255, 218)
HSL
hsl(91, 100%, 93%)
HSB
hsb(91, 15%, 100%)
CMYK
cmyk(7%, 0%, 15%, 0%)
Oklch
oklch(97.6% 0.052 129.6)

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

#C4EABC

Emerald · LightGray · Mint Green

HEX
#C4EABC
RGB
rgb(196, 234, 188)
HSL
hsl(110, 52%, 83%)
HSB
hsb(110, 20%, 92%)
CMYK
cmyk(16%, 0%, 20%, 8%)
Oklch
oklch(89.8% 0.073 140.2)

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

#94D09C

Celadon · DarkSeaGreen · Apple Green

HEX
#94D09C
RGB
rgb(148, 208, 156)
HSL
hsl(128, 39%, 70%)
HSB
hsb(128, 29%, 82%)
CMYK
cmyk(29%, 0%, 25%, 18%)
Oklch
oklch(80.3% 0.095 148.1)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#EEFFBB

Willow Green · Bisque · Mint Green

HEX
#EEFFBB
RGB
rgb(238, 255, 187)
HSL
hsl(75, 100%, 87%)
HSB
hsb(75, 27%, 100%)
CMYK
cmyk(7%, 0%, 27%, 0%)
Oklch
oklch(97.1% 0.089 119.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFC1B5
B3F2FF

Analogous

FFB3CC
FFC1B5
FFE6B3

Triadic

FFC1B5
B3FFBF
BFB3FF

Split-Comp.

FFC1B5
B3FFE5
B3CCFF

Tetradic

FFC1B5
CCFFB3
B3F2FF
E6B3FF

Contrast Matrix WCAG 2.1 Contrast

FFC1B5
ECFFDA
C4EABC
94D09C
EEFFBB
—
1.5
Fail
1.2
Fail
1.2
Fail
1.5
Fail
1.5
Fail
—
1.3
Fail
1.7
Fail
1.0
Fail
1.2
Fail
1.3
Fail
—
1.3
Fail
1.2
Fail
1.2
Fail
1.7
Fail
1.3
Fail
—
1.7
Fail
1.5
Fail
1.0
Fail
1.2
Fail
1.7
Fail
—
White BG
1.6Fail
1.1Fail
1.3Fail
1.8Fail
1.1Fail
Black BG
13.5AAA
19.9AAA
15.8AAA
11.8AAA
19.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E4E4B8
F4F4E3
D4D5C7
AEAFA9
F5F6CB

Deuteranopia

E8ECB9
F3F2E5
D2CFCA
ABA6AC
F4F3CF

Tritanopia

FCBABB
EDEAEC
C6D0D2
97B3B5
EFD8DB

Achromatopsia

D2D2D2
F5F5F5
D9D9D9
B8B8B8
F2F2F2

Shades & Tints Shades & Tints

#FFC1B5

Dark
Light

#ECFFDA

Dark
Light

#C4EABC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffc1b5;
  --color-2: #ecffda;
  --color-3: #c4eabc;
  --color-4: #94d09c;
  --color-5: #eeffbb;
}

SCSS

$color-1: #ffc1b5;
$color-2: #ecffda;
$color-3: #c4eabc;
$color-4: #94d09c;
$color-5: #eeffbb;

TAILWIND

colors: {
  'brand-1': '#ffc1b5',
  'brand-2': '#ecffda',
  'brand-3': '#c4eabc',
  'brand-4': '#94d09c',
  'brand-5': '#eeffbb',
}

RGB Array

[255, 193, 181], [236, 255, 218], [196, 234, 188], [148, 208, 156], [238, 255, 187]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFC1B5, #ECFFDA, #C4EABC, #94D09C, #EEFFBB 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: #ffc1b5; --color-2: #ecffda; --color-3: #c4eabc; --color-4: #94d09c; --color-5: #eeffbb. 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