#CFEC01 + #E0E170 + #EED7C5 + #DBDBD3 + #C6DDDE - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#CFEC01

Autumn Sage · Yellow · Honey Gold

HEX

#CFEC01

RGB

rgb(207, 236, 1)

HSL

hsl(67, 99%, 46%)

HSB

hsb(67, 100%, 93%)

CMYK

cmyk(12%, 0%, 100%, 7%)

Oklch

oklch(89.1% 0.208 118.3)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#E0E170

Fresh Green · Khaki · Sunflower

HEX

#E0E170

RGB

rgb(224, 225, 112)

HSL

hsl(61, 65%, 66%)

HSB

hsb(61, 50%, 88%)

CMYK

cmyk(0%, 0%, 50%, 12%)

Oklch

oklch(88.6% 0.136 109.3)

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

#EED7C5

Apricot · Wheat · Peach Orange

HEX

#EED7C5

RGB

rgb(238, 215, 197)

HSL

hsl(26, 55%, 85%)

HSB

hsb(26, 17%, 93%)

CMYK

cmyk(0%, 10%, 17%, 7%)

Oklch

oklch(89.3% 0.035 60.4)

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

#DBDBD3

Fresh Green · LightGray · Lemon Cream

HEX

#DBDBD3

RGB

rgb(219, 219, 211)

HSL

hsl(60, 10%, 84%)

HSB

hsb(60, 4%, 86%)

CMYK

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

Oklch

oklch(88.9% 0.011 106.6)

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

#C6DDDE

Sky Blue · LightGray · Glacier Blue

HEX

#C6DDDE

RGB

rgb(198, 221, 222)

HSL

hsl(183, 27%, 82%)

HSB

hsb(183, 11%, 87%)

CMYK

cmyk(11%, 0%, 0%, 13%)

Oklch

oklch(88.1% 0.025 199.9)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CFEC01

1C01E9

Analogous

E99001

CFEC01

5AE901

Triadic

CFEC01

01CEE9

E901CE

Split-Comp.

CFEC01

015AE9

9001E9

Tetradic

CFEC01

01E990

1C01E9

E9015A

Contrast Matrix WCAG 2.1 Contrast

CFEC01	E0E170	EED7C5	DBDBD3	C6DDDE
—	1.0 Fail	1.0 Fail	1.0 Fail	1.1 Fail
1.0 Fail	—	1.0 Fail	1.0 Fail	1.0 Fail
1.0 Fail	1.0 Fail	—	1.0 Fail	1.0 Fail
1.0 Fail	1.0 Fail	1.0 Fail	—	1.0 Fail
1.1 Fail	1.0 Fail	1.0 Fail	1.0 Fail	—

White BG

1.3Fail

1.4Fail

Black BG

15.7AAA

15.2AAA

15.1AAA

14.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DCDC3A

E0E08B

E4E4C9

DBDBD5

D0D0DE

Deuteranopia

DAD848

E0E092

E5E7CA

DBDBD5

CFCDDE

Tritanopia

D06771

E0A1A6

EDCDCE

DBD6D7

C7DEDE

Achromatopsia

C9C9C9

D4D4D4

DCDCDC

DADADA

D6D6D6

Shades & Tints Shades & Tints

#CFEC01

Dark

Light

#E0E170

Dark

Light

#EED7C5

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cfec01;
  --color-2: #e0e170;
  --color-3: #eed7c5;
  --color-4: #dbdbd3;
  --color-5: #c6ddde;
}

SCSS

$color-1: #cfec01;
$color-2: #e0e170;
$color-3: #eed7c5;
$color-4: #dbdbd3;
$color-5: #c6ddde;

TAILWIND

colors: {
  'brand-1': '#cfec01',
  'brand-2': '#e0e170',
  'brand-3': '#eed7c5',
  'brand-4': '#dbdbd3',
  'brand-5': '#c6ddde',
}

RGB Array

[207, 236, 1], [224, 225, 112], [238, 215, 197], [219, 219, 211], [198, 221, 222]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CFEC01, #E0E170, #EED7C5, #DBDBD3, #C6DDDE 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: #cfec01; --color-2: #e0e170; --color-3: #eed7c5; --color-4: #dbdbd3; --color-5: #c6ddde. 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