#CECCC3 + #F2EBDC + #FCFBF4 + #A9CADA + #FCEEEB - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#CECCC3

Goose Yellow · LightGray · Lemon Cream

HEX

#CECCC3

RGB

rgb(206, 204, 195)

HSL

hsl(49, 10%, 79%)

HSB

hsb(49, 5%, 81%)

CMYK

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

Oklch

oklch(84.4% 0.012 96.4)

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

#F2EBDC

Goose Yellow · Beige · Lemon Cream

HEX

#F2EBDC

RGB

rgb(242, 235, 220)

HSL

hsl(41, 46%, 91%)

HSB

hsb(41, 9%, 95%)

CMYK

cmyk(0%, 3%, 9%, 5%)

Oklch

oklch(94.1% 0.021 85.9)

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

#FCFBF4

Fresh Green · Snow · Lemon Cream

HEX

#FCFBF4

RGB

rgb(252, 251, 244)

HSL

hsl(52, 57%, 97%)

HSB

hsb(52, 3%, 99%)

CMYK

cmyk(0%, 0%, 3%, 1%)

Oklch

oklch(98.7% 0.009 100.0)

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

#A9CADA

Sky Blue · LightSteelBlue · Cobalt Blue

HEX

#A9CADA

RGB

rgb(169, 202, 218)

HSL

hsl(200, 40%, 76%)

HSB

hsb(200, 22%, 85%)

CMYK

cmyk(22%, 7%, 0%, 15%)

Oklch

oklch(82.0% 0.042 228.8)

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

#FCEEEB

Peach Pink · Linen · Cherry Blossom

HEX

#FCEEEB

RGB

rgb(252, 238, 235)

HSL

hsl(11, 74%, 95%)

HSB

hsb(11, 7%, 99%)

CMYK

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

Oklch

oklch(95.9% 0.016 32.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CECCC3

C4C6CF

Analogous

CFC7C4

CECCC3

CBCFC4

Triadic

CECCC3

C4CFCD

CDC4CF

Split-Comp.

CECCC3

C4CBCF

C7C4CF

Tetradic

CECCC3

C4CFC7

C4C6CF

CFC4CB

Contrast Matrix WCAG 2.1 Contrast

CECCC3	F2EBDC	FCFBF4	A9CADA	FCEEEB
—	1.4 Fail	1.6 Fail	1.1 Fail	1.4 Fail
1.4 Fail	—	1.1 Fail	1.5 Fail	1.0 Fail
1.6 Fail	1.1 Fail	—	1.7 Fail	1.1 Fail
1.1 Fail	1.5 Fail	1.7 Fail	—	1.5 Fail
1.4 Fail	1.0 Fail	1.1 Fail	1.5 Fail	—

White BG

1.6Fail

1.2Fail

1.0Fail

1.7Fail

1.1Fail

Black BG

13.0AAA

17.7AAA

20.2AAA

12.1AAA

18.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CDCDC5

EFEFE0

FCFCF6

B7B8D6

F6F6EC

Deuteranopia

CDCDC6

EFF0E1

FCFCF6

B5B3D5

F7F8EC

Tritanopia

CEC7C7

F2E2E3

FCF7F7

ABD3D2

FBECEC

Achromatopsia

CCCCCC

EBEBEB

FBFBFB

C2C2C2

F2F2F2

Shades & Tints Shades & Tints

#CECCC3

Dark

Light

#F2EBDC

Dark

Light

#FCFBF4

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ceccc3;
  --color-2: #f2ebdc;
  --color-3: #fcfbf4;
  --color-4: #a9cada;
  --color-5: #fceeeb;
}

SCSS

$color-1: #ceccc3;
$color-2: #f2ebdc;
$color-3: #fcfbf4;
$color-4: #a9cada;
$color-5: #fceeeb;

TAILWIND

colors: {
  'brand-1': '#ceccc3',
  'brand-2': '#f2ebdc',
  'brand-3': '#fcfbf4',
  'brand-4': '#a9cada',
  'brand-5': '#fceeeb',
}

RGB Array

[206, 204, 195], [242, 235, 220], [252, 251, 244], [169, 202, 218], [252, 238, 235]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CECCC3, #F2EBDC, #FCFBF4, #A9CADA, #FCEEEB 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: #ceccc3; --color-2: #f2ebdc; --color-3: #fcfbf4; --color-4: #a9cada; --color-5: #fceeeb. 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