#F7F3D7 + #FAE6B9 + #EAC0BD + #DE9EBC + #A895A3 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#F7F3D7

Fresh Green · Beige · Lemon Cream

HEX

#F7F3D7

RGB

rgb(247, 243, 215)

HSL

hsl(52, 67%, 91%)

HSB

hsb(52, 13%, 97%)

CMYK

cmyk(0%, 2%, 13%, 3%)

Oklch

oklch(96.0% 0.037 100.4)

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

#FAE6B9

Goose Yellow · Wheat · Lemon Cream

HEX

#FAE6B9

RGB

rgb(250, 230, 185)

HSL

hsl(42, 87%, 85%)

HSB

hsb(42, 26%, 98%)

CMYK

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

Oklch

oklch(93.0% 0.062 86.9)

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

#EAC0BD

Peach Pink · LightPink · Cherry Blossom

HEX

#EAC0BD

RGB

rgb(234, 192, 189)

HSL

hsl(4, 52%, 83%)

HSB

hsb(4, 19%, 92%)

CMYK

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

Oklch

oklch(84.4% 0.048 22.9)

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

#DE9EBC

Rouge · LightPink · Rose Pink

HEX

#DE9EBC

RGB

rgb(222, 158, 188)

HSL

hsl(332, 49%, 75%)

HSB

hsb(332, 29%, 87%)

CMYK

cmyk(0%, 29%, 15%, 13%)

Oklch

oklch(76.9% 0.085 349.6)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#A895A3

Mauve · DarkGray · Lilac Purple

HEX

#A895A3

RGB

rgb(168, 149, 163)

HSL

hsl(316, 10%, 62%)

HSB

hsb(316, 11%, 66%)

CMYK

cmyk(0%, 11%, 3%, 34%)

Oklch

oklch(69.1% 0.030 335.1)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F7F3D7

D9DDF7

Analogous

F7E4D9

F7F3D7

ECF7D9

Triadic

F7F3D7

D9F7F3

F3D9F7

Split-Comp.

F7F3D7

D9ECF7

E4D9F7

Tetradic

F7F3D7

D9F7E4

D9DDF7

F7D9EC

Contrast Matrix WCAG 2.1 Contrast

F7F3D7	FAE6B9	EAC0BD	DE9EBC	A895A3
—	1.1 Fail	1.5 Fail	1.9 Fail	2.5 Fail
1.1 Fail	—	1.3 Fail	1.8 Fail	2.3 Fail
1.5 Fail	1.3 Fail	—	1.3 Fail	1.7 Fail
1.9 Fail	1.8 Fail	1.3 Fail	—	1.3 Fail
2.5 Fail	2.3 Fail	1.7 Fail	1.3 Fail	—

White BG

1.1Fail

1.2Fail

1.6Fail

2.2Fail

2.8Fail

Black BG

18.8AAA

17.1AAA

12.8AAA

9.7AAA

7.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F5F5DE

F1F1C4

D8D7BE

C2C2B5

A0A0A0

Deuteranopia

F6F6DF

F3F4C7

DADDBE

C6CBB3

A1A29F

Tritanopia

F7E3E4

F9CCCE

E8BEBE

DBAFAE

A79D9C

Achromatopsia

F1F1F1

E7E7E7

CCCCCC

B5B5B5

9C9C9C

Shades & Tints Shades & Tints

#F7F3D7

Dark

Light

#FAE6B9

Dark

Light

#EAC0BD

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f7f3d7;
  --color-2: #fae6b9;
  --color-3: #eac0bd;
  --color-4: #de9ebc;
  --color-5: #a895a3;
}

SCSS

$color-1: #f7f3d7;
$color-2: #fae6b9;
$color-3: #eac0bd;
$color-4: #de9ebc;
$color-5: #a895a3;

TAILWIND

colors: {
  'brand-1': '#f7f3d7',
  'brand-2': '#fae6b9',
  'brand-3': '#eac0bd',
  'brand-4': '#de9ebc',
  'brand-5': '#a895a3',
}

RGB Array

[247, 243, 215], [250, 230, 185], [234, 192, 189], [222, 158, 188], [168, 149, 163]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F7F3D7, #FAE6B9, #EAC0BD, #DE9EBC, #A895A3 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: #f7f3d7; --color-2: #fae6b9; --color-3: #eac0bd; --color-4: #de9ebc; --color-5: #a895a3. 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