#F6FCEC + #F4E3D2 + #E3CEC4 + #C09F9E + #A69389 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#F6FCEC

Willow Green · SeaShell · Mint Green

HEX

#F6FCEC

RGB

rgb(246, 252, 236)

HSL

hsl(83, 73%, 96%)

HSB

hsb(83, 6%, 99%)

CMYK

cmyk(2%, 0%, 6%, 1%)

Oklch

oklch(98.2% 0.022 123.6)

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

#F4E3D2

Goose Yellow · Bisque · Peach Orange

HEX

#F4E3D2

RGB

rgb(244, 227, 210)

HSL

hsl(30, 61%, 89%)

HSB

hsb(30, 14%, 96%)

CMYK

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

Oklch

oklch(92.5% 0.029 67.5)

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

#E3CEC4

Apricot · LightGray · Peach Orange

HEX

#E3CEC4

RGB

rgb(227, 206, 196)

HSL

hsl(19, 36%, 83%)

HSB

hsb(19, 14%, 89%)

CMYK

cmyk(0%, 9%, 14%, 11%)

Oklch

oklch(86.6% 0.027 47.2)

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

#C09F9E

Peach Pink · DarkGray · Coral Red

HEX

#C09F9E

RGB

rgb(192, 159, 158)

HSL

hsl(2, 21%, 69%)

HSB

hsb(2, 18%, 75%)

CMYK

cmyk(0%, 17%, 18%, 25%)

Oklch

oklch(73.2% 0.039 20.1)

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

#A69389

Tangerine · DarkGray · Warm Sun

HEX

#A69389

RGB

rgb(166, 147, 137)

HSL

hsl(21, 14%, 59%)

HSB

hsb(21, 17%, 65%)

CMYK

cmyk(0%, 11%, 17%, 35%)

Oklch

oklch(67.7% 0.027 49.6)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F6FCEC

F3EDFC

Analogous

FCFBED

F6FCEC

EFFCED

Triadic

F6FCEC

EDF7FC

FCEDF7

Split-Comp.

F6FCEC

EDEFFC

FBEDFC

Tetradic

F6FCEC

EDFCFB

F3EDFC

FCEDEF

Contrast Matrix WCAG 2.1 Contrast

F6FCEC	F4E3D2	E3CEC4	C09F9E	A69389
—	1.2 Fail	1.4 Fail	2.3 Fail	2.8 Fail
1.2 Fail	—	1.2 Fail	1.9 Fail	2.3 Fail
1.4 Fail	1.2 Fail	—	1.6 Fail	1.9 Fail
2.3 Fail	1.9 Fail	1.6 Fail	—	1.2 Fail
2.8 Fail	2.3 Fail	1.9 Fail	1.2 Fail	—

White BG

1.0Fail

1.3Fail

1.5Fail

2.4Fail

2.9Fail

Black BG

20.1AAA

16.8AAA

13.9AAA

8.7AAA

7.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F9F9F0

EDECD6

DADAC6

B2B19E

9E9E8B

Deuteranopia

F8F8F1

EEEFD7

DBDDC7

B4B69E

9FA08C

Tritanopia

F6F3F4

F3D9DA

E2C8C9

BE9E9E

A58D8E

Achromatopsia

F8F8F8

E6E6E6

D3D3D3

A9A9A9

989898

Shades & Tints Shades & Tints

#F6FCEC

Dark

Light

#F4E3D2

Dark

Light

#E3CEC4

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f6fcec;
  --color-2: #f4e3d2;
  --color-3: #e3cec4;
  --color-4: #c09f9e;
  --color-5: #a69389;
}

SCSS

$color-1: #f6fcec;
$color-2: #f4e3d2;
$color-3: #e3cec4;
$color-4: #c09f9e;
$color-5: #a69389;

TAILWIND

colors: {
  'brand-1': '#f6fcec',
  'brand-2': '#f4e3d2',
  'brand-3': '#e3cec4',
  'brand-4': '#c09f9e',
  'brand-5': '#a69389',
}

RGB Array

[246, 252, 236], [244, 227, 210], [227, 206, 196], [192, 159, 158], [166, 147, 137]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F6FCEC, #F4E3D2, #E3CEC4, #C09F9E, #A69389 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: #f6fcec; --color-2: #f4e3d2; --color-3: #e3cec4; --color-4: #c09f9e; --color-5: #a69389. 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