#FDBEBE + #EDBFB5 + #CBBEAC + #B8BDA7 + #95C2AD - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#FDBEBE

Peach Pink · LightPink · Cherry Blossom

HEX

#FDBEBE

RGB

rgb(253, 190, 190)

HSL

hsl(0, 94%, 87%)

HSB

hsb(0, 25%, 99%)

CMYK

cmyk(0%, 25%, 25%, 1%)

Oklch

oklch(85.9% 0.073 18.7)

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

#EDBFB5

Peach Pink · LightPink · Cherry Blossom

HEX

#EDBFB5

RGB

rgb(237, 191, 181)

HSL

hsl(11, 61%, 82%)

HSB

hsb(11, 24%, 93%)

CMYK

cmyk(0%, 19%, 24%, 7%)

Oklch

oklch(84.3% 0.055 32.4)

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

#CBBEAC

Goose Yellow · Silver · Warm Sun

HEX

#CBBEAC

RGB

rgb(203, 190, 172)

HSL

hsl(35, 23%, 74%)

HSB

hsb(35, 15%, 80%)

CMYK

cmyk(0%, 6%, 15%, 20%)

Oklch

oklch(80.7% 0.029 76.2)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#B8BDA7

Willow Green · DarkGray · Apple Green

HEX

#B8BDA7

RGB

rgb(184, 189, 167)

HSL

hsl(74, 14%, 70%)

HSB

hsb(74, 12%, 74%)

CMYK

cmyk(3%, 0%, 12%, 26%)

Oklch

oklch(78.8% 0.031 117.5)

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

#95C2AD

Jade · DarkSeaGreen · Apple Green

HEX

#95C2AD

RGB

rgb(149, 194, 173)

HSL

hsl(152, 27%, 67%)

HSB

hsb(152, 23%, 76%)

CMYK

cmyk(23%, 0%, 11%, 24%)

Oklch

oklch(77.6% 0.056 164.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FDBEBE

BFFDFD

Analogous

FDBFDE

FDBEBE

FDDEBF

Triadic

FDBEBE

BFFDBF

BFBFFD

Split-Comp.

FDBEBE

BFFDDE

BFDEFD

Tetradic

FDBEBE

DEFDBF

BFFDFD

DEBFFD

Contrast Matrix WCAG 2.1 Contrast

FDBEBE	EDBFB5	CBBEAC	B8BDA7	95C2AD
—	1.0 Fail	1.2 Fail	1.2 Fail	1.3 Fail
1.0 Fail	—	1.1 Fail	1.2 Fail	1.2 Fail
1.2 Fail	1.1 Fail	—	1.1 Fail	1.1 Fail
1.2 Fail	1.2 Fail	1.1 Fail	—	1.0 Fail
1.3 Fail	1.2 Fail	1.1 Fail	1.0 Fail	—

White BG

1.6Fail

1.7Fail

1.8Fail

1.9Fail

2.0Fail

Black BG

13.3AAA

12.7AAA

11.5AAA

10.9AAA

10.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E2E1BE

D9D9B7

C5C5B0

BABAAC

A8A9B2

Deuteranopia

E5EABE

DCDFB8

C6C7B1

BAB9AE

A6A3B3

Tritanopia

FABEBE

EBB9BA

CAB4B5

B8B1B1

97B6B7

Achromatopsia

D1D1D1

CCCCCC

C0C0C0

B9B9B9

B2B2B2

Shades & Tints Shades & Tints

#FDBEBE

Dark

Light

#EDBFB5

Dark

Light

#CBBEAC

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fdbebe;
  --color-2: #edbfb5;
  --color-3: #cbbeac;
  --color-4: #b8bda7;
  --color-5: #95c2ad;
}

SCSS

$color-1: #fdbebe;
$color-2: #edbfb5;
$color-3: #cbbeac;
$color-4: #b8bda7;
$color-5: #95c2ad;

TAILWIND

colors: {
  'brand-1': '#fdbebe',
  'brand-2': '#edbfb5',
  'brand-3': '#cbbeac',
  'brand-4': '#b8bda7',
  'brand-5': '#95c2ad',
}

RGB Array

[253, 190, 190], [237, 191, 181], [203, 190, 172], [184, 189, 167], [149, 194, 173]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FDBEBE, #EDBFB5, #CBBEAC, #B8BDA7, #95C2AD is ideal for: health products, baby brands, fresh-style blogs. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #fdbebe; --color-2: #edbfb5; --color-3: #cbbeac; --color-4: #b8bda7; --color-5: #95c2ad. 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 tech, SaaS, healthcare, eco industries. 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