#D5D9C8 + #FCE7CA + #F4DCB6 + #EFB997 + #ABBB8E · minimal - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

RestrainedProfessionalPureWarm

Industry INDUSTRY

ArchitectureManufacturingSaaS B2B

UI Context UI CONTEXT

Corporate SitePortfolioAdmin Panel

Color Details Color Details

#D5D9C8

Willow Green · LightGray · Mint Green

HEX

#D5D9C8

RGB

rgb(213, 217, 200)

HSL

hsl(74, 18%, 82%)

HSB

hsb(74, 8%, 85%)

CMYK

cmyk(2%, 0%, 8%, 15%)

Oklch

oklch(87.8% 0.023 117.6)

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

#FCE7CA

Goose Yellow · Bisque · Peach Orange

HEX

#FCE7CA

RGB

rgb(252, 231, 202)

HSL

hsl(35, 89%, 89%)

HSB

hsb(35, 20%, 99%)

CMYK

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

Oklch

oklch(93.7% 0.045 76.0)

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

#F4DCB6

Goose Yellow · Wheat · Peach Orange

HEX

#F4DCB6

RGB

rgb(244, 220, 182)

HSL

hsl(37, 74%, 84%)

HSB

hsb(37, 25%, 96%)

CMYK

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

Oklch

oklch(90.5% 0.056 79.2)

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

#EFB997

Apricot · BurlyWood · Peach Orange

HEX

#EFB997

RGB

rgb(239, 185, 151)

HSL

hsl(23, 73%, 76%)

HSB

hsb(23, 37%, 94%)

CMYK

cmyk(0%, 23%, 37%, 6%)

Oklch

oklch(82.6% 0.078 53.5)

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

#ABBB8E

Willow Green · DarkSeaGreen · Apple Green

HEX

#ABBB8E

RGB

rgb(171, 187, 142)

HSL

hsl(81, 25%, 65%)

HSB

hsb(81, 24%, 73%)

CMYK

cmyk(9%, 0%, 24%, 27%)

Oklch

oklch(76.8% 0.064 123.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D5D9C8

CDC9D9

Analogous

D9D5C9

D5D9C8

CDD9C9

Triadic

D5D9C8

C9D6D9

D9C9D6

Split-Comp.

D5D9C8

C9CDD9

D5C9D9

Tetradic

D5D9C8

C9D9D5

CDC9D9

D9C9CD

Contrast Matrix WCAG 2.1 Contrast

D5D9C8	FCE7CA	F4DCB6	EFB997	ABBB8E
—	1.2 Fail	1.1 Fail	1.2 Fail	1.4 Fail
1.2 Fail	—	1.1 Fail	1.4 Fail	1.7 Fail
1.1 Fail	1.1 Fail	—	1.3 Fail	1.5 Fail
1.2 Fail	1.4 Fail	1.3 Fail	—	1.2 Fail
1.4 Fail	1.7 Fail	1.5 Fail	1.2 Fail	—

White BG

1.4Fail

1.2Fail

1.3Fail

1.7Fail

2.1Fail

Black BG

14.6AAA

17.4AAA

15.8AAA

12.1AAA

10.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D7D7CC

F3F3D1

EAE9BF

D8D79F

B2B299

Deuteranopia

D7D6CD

F4F6D3

EBEDC1

DBDFA1

B1B09C

Tritanopia

D5CFD0

FBD7D8

F3C6C8

ECA6A7

ACA1A3

Achromatopsia

D6D6D6

EAEAEA

DFDFDF

C5C5C5

B1B1B1

Shades & Tints Shades & Tints

#D5D9C8

Dark

Light

#FCE7CA

Dark

Light

#F4DCB6

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d5d9c8;
  --color-2: #fce7ca;
  --color-3: #f4dcb6;
  --color-4: #efb997;
  --color-5: #abbb8e;
}

SCSS

$color-1: #d5d9c8;
$color-2: #fce7ca;
$color-3: #f4dcb6;
$color-4: #efb997;
$color-5: #abbb8e;

TAILWIND

colors: {
  'brand-1': '#d5d9c8',
  'brand-2': '#fce7ca',
  'brand-3': '#f4dcb6',
  'brand-4': '#efb997',
  'brand-5': '#abbb8e',
}

RGB Array

[213, 217, 200], [252, 231, 202], [244, 220, 182], [239, 185, 151], [171, 187, 142]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This minimal-style palette of #D5D9C8, #FCE7CA, #F4DCB6, #EFB997, #ABBB8E 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: #d5d9c8; --color-2: #fce7ca; --color-3: #f4dcb6; --color-4: #efb997; --color-5: #abbb8e. 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