#FDF0AC + #E0C1BC + #C4C9DF + #C1A79A + #E6ABA7 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#FDF0AC

Fresh Green · Wheat · Lemon Cream

HEX

#FDF0AC

RGB

rgb(253, 240, 172)

HSL

hsl(50, 95%, 83%)

HSB

hsb(50, 32%, 99%)

CMYK

cmyk(0%, 5%, 32%, 1%)

Oklch

oklch(95.0% 0.087 98.6)

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

#E0C1BC

Peach Pink · LightGray · Cherry Blossom

HEX

#E0C1BC

RGB

rgb(224, 193, 188)

HSL

hsl(8, 37%, 81%)

HSB

hsb(8, 16%, 88%)

CMYK

cmyk(0%, 14%, 16%, 12%)

Oklch

oklch(83.6% 0.036 28.7)

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

#C4C9DF

Azure · LightSteelBlue · Sky Blue

HEX

#C4C9DF

RGB

rgb(196, 201, 223)

HSL

hsl(229, 30%, 82%)

HSB

hsb(229, 12%, 87%)

CMYK

cmyk(12%, 10%, 0%, 13%)

Oklch

oklch(83.9% 0.031 275.5)

Traditional「Azure」· Paint「Sky Blue」· Creative Twilight Haze

#C1A79A

Apricot · Tan · Warm Sun

HEX

#C1A79A

RGB

rgb(193, 167, 154)

HSL

hsl(20, 24%, 68%)

HSB

hsb(20, 20%, 76%)

CMYK

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

Oklch

oklch(74.8% 0.036 48.2)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#E6ABA7

Peach Pink · Tan · Coral Red

HEX

#E6ABA7

RGB

rgb(230, 171, 167)

HSL

hsl(4, 56%, 78%)

HSB

hsb(4, 27%, 90%)

CMYK

cmyk(0%, 26%, 27%, 10%)

Oklch

oklch(79.5% 0.070 23.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FDF0AC

AAB8FD

Analogous

FDC6AA

FDF0AC

E1FDAA

Triadic

FDF0AC

AAFDEF

EFAAFD

Split-Comp.

FDF0AC

AAE1FD

C6AAFD

Tetradic

FDF0AC

AAFDC6

AAB8FD

FDAAE1

Contrast Matrix WCAG 2.1 Contrast

FDF0AC	E0C1BC	C4C9DF	C1A79A	E6ABA7
—	1.5 Fail	1.4 Fail	2.0 Fail	1.7 Fail
1.5 Fail	—	1.0 Fail	1.4 Fail	1.2 Fail
1.4 Fail	1.0 Fail	—	1.4 Fail	1.2 Fail
2.0 Fail	1.4 Fail	1.4 Fail	—	1.2 Fail
1.7 Fail	1.2 Fail	1.2 Fail	1.2 Fail	—

White BG

1.2Fail

1.7Fail

1.6Fail

2.3Fail

2.0Fail

Black BG

18.2AAA

12.5AAA

12.8AAA

9.3AAA

10.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F7F7BC

D3D2BD

C6C6DA

B6B69D

CCCCA8

Deuteranopia

F8F9C0

D4D7BE

C6C6D8

B7B99E

D0D4A8

Tritanopia

FCC9CC

DEBEBE

C4D5D5

C0A0A0

E3A9A9

Achromatopsia

ECECEC

CACACA

ADADAD

BCBCBC

Shades & Tints Shades & Tints

#FDF0AC

Dark

Light

#E0C1BC

Dark

Light

#C4C9DF

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fdf0ac;
  --color-2: #e0c1bc;
  --color-3: #c4c9df;
  --color-4: #c1a79a;
  --color-5: #e6aba7;
}

SCSS

$color-1: #fdf0ac;
$color-2: #e0c1bc;
$color-3: #c4c9df;
$color-4: #c1a79a;
$color-5: #e6aba7;

TAILWIND

colors: {
  'brand-1': '#fdf0ac',
  'brand-2': '#e0c1bc',
  'brand-3': '#c4c9df',
  'brand-4': '#c1a79a',
  'brand-5': '#e6aba7',
}

RGB Array

[253, 240, 172], [224, 193, 188], [196, 201, 223], [193, 167, 154], [230, 171, 167]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FDF0AC, #E0C1BC, #C4C9DF, #C1A79A, #E6ABA7 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: #fdf0ac; --color-2: #e0c1bc; --color-3: #c4c9df; --color-4: #c1a79a; --color-5: #e6aba7. 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