← Back to Editor

#C0E5BC · #F6F0CC · #FAE19E · #FECF97 · #F8BFAB

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

#C0E5BC

Celadon · LightGray · Mint Green

HEX
#C0E5BC
RGB
rgb(192, 229, 188)
HSL
hsl(114, 44%, 82%)
HSB
hsb(114, 18%, 90%)
CMYK
cmyk(16%, 0%, 18%, 10%)
Oklch
oklch(88.4% 0.068 142.4)

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

#F6F0CC

Fresh Green · Beige · Lemon Cream

HEX
#F6F0CC
RGB
rgb(246, 240, 204)
HSL
hsl(51, 70%, 88%)
HSB
hsb(51, 17%, 96%)
CMYK
cmyk(0%, 2%, 17%, 4%)
Oklch
oklch(95.1% 0.047 99.4)

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

#FAE19E

Goose Yellow · Khaki · Lemon Cream

HEX
#FAE19E
RGB
rgb(250, 225, 158)
HSL
hsl(44, 90%, 80%)
HSB
hsb(44, 37%, 98%)
CMYK
cmyk(0%, 10%, 37%, 2%)
Oklch
oklch(91.5% 0.089 89.9)

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

#FECF97

Goose Yellow · Khaki · Peach Orange

HEX
#FECF97
RGB
rgb(254, 207, 151)
HSL
hsl(33, 98%, 79%)
HSB
hsb(33, 41%, 100%)
CMYK
cmyk(0%, 19%, 41%, 0%)
Oklch
oklch(88.3% 0.089 71.2)

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

#F8BFAB

Apricot · LightPink · Peach Orange

HEX
#F8BFAB
RGB
rgb(248, 191, 171)
HSL
hsl(16, 85%, 82%)
HSB
hsb(16, 31%, 97%)
CMYK
cmyk(0%, 23%, 31%, 3%)
Oklch
oklch(85.1% 0.072 40.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C0E5BC
E1BDE5

Analogous

D5E5BD
C0E5BC
BDE5CD

Triadic

C0E5BC
BDC1E5
E5BDC1

Split-Comp.

C0E5BC
CDBDE5
E5BDD5

Tetradic

C0E5BC
BDD5E5
E1BDE5
E5CDBD

Contrast Matrix WCAG 2.1 Contrast

C0E5BC
F6F0CC
FAE19E
FECF97
F8BFAB
—
1.2
Fail
1.1
Fail
1.0
Fail
1.2
Fail
1.2
Fail
—
1.1
Fail
1.3
Fail
1.4
Fail
1.1
Fail
1.1
Fail
—
1.1
Fail
1.3
Fail
1.0
Fail
1.3
Fail
1.1
Fail
—
1.1
Fail
1.2
Fail
1.4
Fail
1.3
Fail
1.1
Fail
—
White BG
1.4Fail
1.2Fail
1.3Fail
1.4Fail
1.6Fail
Black BG
15.2AAA
18.3AAA
16.3AAA
14.6AAA
13.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D0D0C6
F3F3D5
EFEFAE
EAE9A5
DFDFB0

Deuteranopia

CECBC8
F4F4D7
F1F3B2
ECF0A8
E3E7B1

Tritanopia

C2CECF
F6DCDD
F9BBBE
FCAFB2
F5B4B5

Achromatopsia

D5D5D5
EEEEEE
E1E1E1
D7D7D7
CECECE

Shades & Tints Shades & Tints

#C0E5BC

Dark
Light

#F6F0CC

Dark
Light

#FAE19E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c0e5bc;
  --color-2: #f6f0cc;
  --color-3: #fae19e;
  --color-4: #fecf97;
  --color-5: #f8bfab;
}

SCSS

$color-1: #c0e5bc;
$color-2: #f6f0cc;
$color-3: #fae19e;
$color-4: #fecf97;
$color-5: #f8bfab;

TAILWIND

colors: {
  'brand-1': '#c0e5bc',
  'brand-2': '#f6f0cc',
  'brand-3': '#fae19e',
  'brand-4': '#fecf97',
  'brand-5': '#f8bfab',
}

RGB Array

[192, 229, 188], [246, 240, 204], [250, 225, 158], [254, 207, 151], [248, 191, 171]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C0E5BC, #F6F0CC, #FAE19E, #FECF97, #F8BFAB 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: #c0e5bc; --color-2: #f6f0cc; --color-3: #fae19e; --color-4: #fecf97; --color-5: #f8bfab. 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