← Back to Editor

#F2EBEB · #DEDCCC · #D2D9BF · #C2D4BE · #B0CBC3

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#F2EBEB

Peach Pink · Linen · Cherry Blossom

HEX
#F2EBEB
RGB
rgb(242, 235, 235)
HSL
hsl(0, 21%, 94%)
HSB
hsb(0, 3%, 95%)
CMYK
cmyk(0%, 3%, 3%, 5%)
Oklch
oklch(94.6% 0.008 17.3)

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

#DEDCCC

Fresh Green · LightGray · Lemon Cream

HEX
#DEDCCC
RGB
rgb(222, 220, 204)
HSL
hsl(53, 21%, 84%)
HSB
hsb(53, 8%, 87%)
CMYK
cmyk(0%, 1%, 8%, 13%)
Oklch
oklch(89.2% 0.022 101.0)

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

#D2D9BF

Willow Green · LightGray · Apple Green

HEX
#D2D9BF
RGB
rgb(210, 217, 191)
HSL
hsl(76, 25%, 80%)
HSB
hsb(76, 12%, 85%)
CMYK
cmyk(3%, 0%, 12%, 15%)
Oklch
oklch(87.3% 0.036 119.4)

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

#C2D4BE

Celadon · Silver · Apple Green

HEX
#C2D4BE
RGB
rgb(194, 212, 190)
HSL
hsl(109, 20%, 79%)
HSB
hsb(109, 10%, 83%)
CMYK
cmyk(8%, 0%, 10%, 17%)
Oklch
oklch(85.0% 0.036 140.0)

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

#B0CBC3

Jade · Silver · Lake Green

HEX
#B0CBC3
RGB
rgb(176, 203, 195)
HSL
hsl(162, 21%, 74%)
HSB
hsb(162, 13%, 80%)
CMYK
cmyk(13%, 0%, 4%, 20%)
Oklch
oklch(82.0% 0.031 175.7)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F2EBEB
ECF3F3

Analogous

F3ECF0
F2EBEB
F3F0EC

Triadic

F2EBEB
ECF3EC
ECECF3

Split-Comp.

F2EBEB
ECF3F0
ECF0F3

Tetradic

F2EBEB
F0F3EC
ECF3F3
F0ECF3

Contrast Matrix WCAG 2.1 Contrast

F2EBEB
DEDCCC
D2D9BF
C2D4BE
B0CBC3
—
1.2
Fail
1.2
Fail
1.3
Fail
1.5
Fail
1.2
Fail
—
1.1
Fail
1.1
Fail
1.2
Fail
1.2
Fail
1.1
Fail
—
1.1
Fail
1.2
Fail
1.3
Fail
1.1
Fail
1.1
Fail
—
1.1
Fail
1.5
Fail
1.2
Fail
1.2
Fail
1.1
Fail
—
White BG
1.2Fail
1.4Fail
1.5Fail
1.6Fail
1.7Fail
Black BG
17.9AAA
15.2AAA
14.4AAA
13.5AAA
12.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EFEFEB
DDDDD0
D5D5C5
CACAC3
BCBCC5

Deuteranopia

EFF0EB
DDDDD1
D5D4C7
C9C7C5
BAB8C5

Tritanopia

F2EBEB
DED3D4
D2CACB
C3C8C8
B1C6C7

Achromatopsia

EDEDED
DBDBDB
D4D4D4
CCCCCC
C2C2C2

Shades & Tints Shades & Tints

#F2EBEB

Dark
Light

#DEDCCC

Dark
Light

#D2D9BF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f2ebeb;
  --color-2: #dedccc;
  --color-3: #d2d9bf;
  --color-4: #c2d4be;
  --color-5: #b0cbc3;
}

SCSS

$color-1: #f2ebeb;
$color-2: #dedccc;
$color-3: #d2d9bf;
$color-4: #c2d4be;
$color-5: #b0cbc3;

TAILWIND

colors: {
  'brand-1': '#f2ebeb',
  'brand-2': '#dedccc',
  'brand-3': '#d2d9bf',
  'brand-4': '#c2d4be',
  'brand-5': '#b0cbc3',
}

RGB Array

[242, 235, 235], [222, 220, 204], [210, 217, 191], [194, 212, 190], [176, 203, 195]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F2EBEB, #DEDCCC, #D2D9BF, #C2D4BE, #B0CBC3 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #f2ebeb; --color-2: #dedccc; --color-3: #d2d9bf; --color-4: #c2d4be; --color-5: #b0cbc3. 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 beauty, lifestyle, arts industries. Restrained colors convey professionalism and trust. 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