#F6F0CE + #CFDF7C + #F9B6AE + #D8C1AF + #C9ADA9 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#F6F0CE

Fresh Green · Beige · Lemon Cream

HEX

#F6F0CE

RGB

rgb(246, 240, 206)

HSL

hsl(51, 69%, 89%)

HSB

hsb(51, 16%, 96%)

CMYK

cmyk(0%, 2%, 16%, 4%)

Oklch

oklch(95.1% 0.045 98.9)

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

#CFDF7C

Willow Green · Khaki · Apple Green

HEX

#CFDF7C

RGB

rgb(207, 223, 124)

HSL

hsl(70, 61%, 68%)

HSB

hsb(70, 44%, 87%)

CMYK

cmyk(7%, 0%, 44%, 13%)

Oklch

oklch(87.0% 0.125 116.6)

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

#F9B6AE

Peach Pink · LightPink · Cherry Blossom

HEX

#F9B6AE

RGB

rgb(249, 182, 174)

HSL

hsl(6, 86%, 83%)

HSB

hsb(6, 30%, 98%)

CMYK

cmyk(0%, 27%, 30%, 2%)

Oklch

oklch(83.6% 0.079 26.6)

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

#D8C1AF

Apricot · Silver · Peach Orange

HEX

#D8C1AF

RGB

rgb(216, 193, 175)

HSL

hsl(26, 34%, 77%)

HSB

hsb(26, 19%, 85%)

CMYK

cmyk(0%, 11%, 19%, 15%)

Oklch

oklch(82.5% 0.036 60.3)

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

#C9ADA9

Peach Pink · Silver · Coral Red

HEX

#C9ADA9

RGB

rgb(201, 173, 169)

HSL

hsl(8, 23%, 73%)

HSB

hsb(8, 16%, 79%)

CMYK

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

Oklch

oklch(77.1% 0.033 27.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F6F0CE

D0D5F6

Analogous

F6DDD0

F6F0CE

E9F6D0

Triadic

F6F0CE

D0F6F0

F0D0F6

Split-Comp.

F6F0CE

D0E9F6

DDD0F6

Tetradic

F6F0CE

D0F6DD

D0D5F6

F6D0E9

Contrast Matrix WCAG 2.1 Contrast

F6F0CE	CFDF7C	F9B6AE	D8C1AF	C9ADA9
—	1.3 Fail	1.5 Fail	1.5 Fail	1.8 Fail
1.3 Fail	—	1.2 Fail	1.2 Fail	1.4 Fail
1.5 Fail	1.2 Fail	—	1.0 Fail	1.2 Fail
1.5 Fail	1.2 Fail	1.0 Fail	—	1.2 Fail
1.8 Fail	1.4 Fail	1.2 Fail	1.2 Fail	—

White BG

1.1Fail

1.4Fail

1.7Fail

2.1Fail

Black BG

18.3AAA

14.5AAA

12.3AAA

12.2AAA

10.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F3F3D6

D6D694

DCDBB0

CECEB3

BDBDAA

Deuteranopia

F4F4D8

D5D49A

E0E5B0

CFD1B4

BFC1AA

Tritanopia

F6DDDE

D0A7AB

F6B1B2

D7B7B8

C8ABAB

Achromatopsia

EEEEEE

CFCFCF

C9C9C9

C6C6C6

B5B5B5

Shades & Tints Shades & Tints

#F6F0CE

Dark

Light

#CFDF7C

Dark

Light

#F9B6AE

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f6f0ce;
  --color-2: #cfdf7c;
  --color-3: #f9b6ae;
  --color-4: #d8c1af;
  --color-5: #c9ada9;
}

SCSS

$color-1: #f6f0ce;
$color-2: #cfdf7c;
$color-3: #f9b6ae;
$color-4: #d8c1af;
$color-5: #c9ada9;

TAILWIND

colors: {
  'brand-1': '#f6f0ce',
  'brand-2': '#cfdf7c',
  'brand-3': '#f9b6ae',
  'brand-4': '#d8c1af',
  'brand-5': '#c9ada9',
}

RGB Array

[246, 240, 206], [207, 223, 124], [249, 182, 174], [216, 193, 175], [201, 173, 169]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F6F0CE, #CFDF7C, #F9B6AE, #D8C1AF, #C9ADA9 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: #f6f0ce; --color-2: #cfdf7c; --color-3: #f9b6ae; --color-4: #d8c1af; --color-5: #c9ada9. 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