#F4ECC8 + #EACABD + #CCB672 + #96767E + #FFAF99 · 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

#F4ECC8

Goose Yellow · Bisque · Lemon Cream

HEX

#F4ECC8

RGB

rgb(244, 236, 200)

HSL

hsl(49, 67%, 87%)

HSB

hsb(49, 18%, 96%)

CMYK

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

Oklch

oklch(94.0% 0.048 96.8)

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

#EACABD

Apricot · Wheat · Peach Orange

HEX

#EACABD

RGB

rgb(234, 202, 189)

HSL

hsl(17, 52%, 83%)

HSB

hsb(17, 19%, 92%)

CMYK

cmyk(0%, 14%, 19%, 8%)

Oklch

oklch(86.3% 0.040 43.4)

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

#CCB672

Ginger · Tan · Sunflower

HEX

#CCB672

RGB

rgb(204, 182, 114)

HSL

hsl(45, 47%, 62%)

HSB

hsb(45, 44%, 80%)

CMYK

cmyk(0%, 11%, 44%, 20%)

Oklch

oklch(78.0% 0.091 92.1)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#96767E

Crimson · Gray · Passion Red

HEX

#96767E

RGB

rgb(150, 118, 126)

HSL

hsl(345, 13%, 53%)

HSB

hsb(345, 21%, 59%)

CMYK

cmyk(0%, 21%, 16%, 41%)

Oklch

oklch(59.9% 0.041 1.8)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#FFAF99

Peach Pink · LightSalmon · Coral Red

HEX

#FFAF99

RGB

rgb(255, 175, 153)

HSL

hsl(13, 100%, 80%)

HSB

hsb(13, 40%, 100%)

CMYK

cmyk(0%, 31%, 40%, 0%)

Oklch

oklch(82.6% 0.099 36.0)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F4ECC8

C8D0F4

Analogous

F4D6C8

F4ECC8

E6F4C8

Triadic

F4ECC8

C8F4EC

ECC8F4

Split-Comp.

F4ECC8

C8E6F4

D6C8F4

Tetradic

F4ECC8

C8F4D6

C8D0F4

F4C8E6

Contrast Matrix WCAG 2.1 Contrast

F4ECC8	EACABD	CCB672	96767E	FFAF99
—	1.3 Fail	1.7 Fail	3.4 AA Large	1.5 Fail
1.3 Fail	—	1.3 Fail	2.6 Fail	1.2 Fail
1.7 Fail	1.3 Fail	—	2.0 Fail	1.1 Fail
3.4 AA Large	2.6 Fail	2.0 Fail	—	2.3 Fail
1.5 Fail	1.2 Fail	1.1 Fail	2.3 Fail	—

White BG

1.2Fail

1.5Fail

2.0Fail

4.0AA Large

1.8Fail

Black BG

17.7AAA

13.7AAA

10.5AAA

5.2AA

11.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F1F0D1

DCDCC0

C2C282

88887C

DCDC9E

Deuteranopia

F1F2D3

DEE0C1

C4C586

8A8C7C

E1E7A0

Tritanopia

F4D8D9

E8C3C3

CB8F92

947B7A

FBA3A3

Achromatopsia

EAEAEA

D2D2D2

B5B5B5

808080

C4C4C4

Shades & Tints Shades & Tints

#F4ECC8

Dark

Light

#EACABD

Dark

Light

#CCB672

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f4ecc8;
  --color-2: #eacabd;
  --color-3: #ccb672;
  --color-4: #96767e;
  --color-5: #ffaf99;
}

SCSS

$color-1: #f4ecc8;
$color-2: #eacabd;
$color-3: #ccb672;
$color-4: #96767e;
$color-5: #ffaf99;

TAILWIND

colors: {
  'brand-1': '#f4ecc8',
  'brand-2': '#eacabd',
  'brand-3': '#ccb672',
  'brand-4': '#96767e',
  'brand-5': '#ffaf99',
}

RGB Array

[244, 236, 200], [234, 202, 189], [204, 182, 114], [150, 118, 126], [255, 175, 153]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This minimal-style palette of #F4ECC8, #EACABD, #CCB672, #96767E, #FFAF99 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: #f4ecc8; --color-2: #eacabd; --color-3: #ccb672; --color-4: #96767e; --color-5: #ffaf99. 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