#FCDBCA + #D1E6DD + #F5E6E4 + #F6EEE4 + #EBEBEB · minimal - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

RestrainedProfessionalPureWarmCool

Industry INDUSTRY

ArchitectureManufacturingSaaS B2B

UI Context UI CONTEXT

Corporate SitePortfolioAdmin Panel

Color Details Color Details

#FCDBCA

Apricot · Bisque · Peach Orange

HEX

#FCDBCA

RGB

rgb(252, 219, 202)

HSL

hsl(20, 89%, 89%)

HSB

hsb(20, 20%, 99%)

CMYK

cmyk(0%, 13%, 20%, 1%)

Oklch

oklch(91.4% 0.043 49.0)

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

#D1E6DD

Jade · LightGray · Mint Green

HEX

#D1E6DD

RGB

rgb(209, 230, 221)

HSL

hsl(154, 30%, 86%)

HSB

hsb(154, 9%, 90%)

CMYK

cmyk(9%, 0%, 4%, 10%)

Oklch

oklch(90.7% 0.025 168.2)

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

#F5E6E4

Peach Pink · Linen · Cherry Blossom

HEX

#F5E6E4

RGB

rgb(245, 230, 228)

HSL

hsl(7, 46%, 93%)

HSB

hsb(7, 7%, 96%)

CMYK

cmyk(0%, 6%, 7%, 4%)

Oklch

oklch(93.6% 0.017 26.7)

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

#F6EEE4

Goose Yellow · Linen · Peach Orange

HEX

#F6EEE4

RGB

rgb(246, 238, 228)

HSL

hsl(33, 50%, 93%)

HSB

hsb(33, 7%, 96%)

CMYK

cmyk(0%, 3%, 7%, 4%)

Oklch

oklch(95.3% 0.016 73.7)

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

#EBEBEB

Plain White · Lavender · Cloud White

HEX

#EBEBEB

RGB

rgb(235, 235, 235)

HSL

hsl(0, 0%, 92%)

HSB

hsb(0, 0%, 92%)

CMYK

cmyk(0%, 0%, 0%, 8%)

Oklch

oklch(94.0% 0.000 89.9)

Traditional「Plain White」· Paint「Cloud White」· Creative Morning Mist

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FCDBCA

CAEBFC

Analogous

FCCAD2

FCDBCA

FCF4CA

Triadic

FCDBCA

CAFCDB

DBCAFC

Split-Comp.

FCDBCA

CAFCF4

CAD2FC

Tetradic

FCDBCA

D2FCCA

CAEBFC

F4CAFC

Contrast Matrix WCAG 2.1 Contrast

FCDBCA	D1E6DD	F5E6E4	F6EEE4	EBEBEB
—	1.0 Fail	1.1 Fail	1.1 Fail	1.1 Fail
1.0 Fail	—	1.1 Fail	1.1 Fail	1.1 Fail
1.1 Fail	1.1 Fail	—	1.1 Fail	1.0 Fail
1.1 Fail	1.1 Fail	1.1 Fail	—	1.0 Fail
1.1 Fail	1.1 Fail	1.0 Fail	1.0 Fail	—

White BG

1.3Fail

1.2Fail

1.1Fail

1.2Fail

Black BG

16.1AAA

17.3AAA

18.3AAA

17.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EEEDCE

DADADF

EFEEE4

F3F2E6

EBEBEB

Deuteranopia

F0F2CF

D9D7E0

EFF1E5

F3F4E7

EBEBEB

Tritanopia

FAD1D2

D2E1E1

F4E5E5

F6E8E9

EBEBEB

Achromatopsia

E3E3E3

DFDFDF

EAEAEA

EFEFEF

EBEBEB

Shades & Tints Shades & Tints

#FCDBCA

Dark

Light

#D1E6DD

Dark

Light

#F5E6E4

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fcdbca;
  --color-2: #d1e6dd;
  --color-3: #f5e6e4;
  --color-4: #f6eee4;
  --color-5: #ebebeb;
}

SCSS

$color-1: #fcdbca;
$color-2: #d1e6dd;
$color-3: #f5e6e4;
$color-4: #f6eee4;
$color-5: #ebebeb;

TAILWIND

colors: {
  'brand-1': '#fcdbca',
  'brand-2': '#d1e6dd',
  'brand-3': '#f5e6e4',
  'brand-4': '#f6eee4',
  'brand-5': '#ebebeb',
}

RGB Array

[252, 219, 202], [209, 230, 221], [245, 230, 228], [246, 238, 228], [235, 235, 235]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This minimal-style palette of #FCDBCA, #D1E6DD, #F5E6E4, #F6EEE4, #EBEBEB 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: #fcdbca; --color-2: #d1e6dd; --color-3: #f5e6e4; --color-4: #f6eee4; --color-5: #ebebeb. 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 minimal-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