#FFEEC5 + #F1EEB9 + #DFDFBB + #CABAA3 + #AD6966 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#FFEEC5

Goose Yellow · Bisque · Lemon Cream

HEX

#FFEEC5

RGB

rgb(255, 238, 197)

HSL

hsl(42, 100%, 89%)

HSB

hsb(42, 23%, 100%)

CMYK

cmyk(0%, 7%, 23%, 0%)

Oklch

oklch(95.2% 0.056 88.2)

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

#F1EEB9

Fresh Green · Wheat · Lemon Cream

HEX

#F1EEB9

RGB

rgb(241, 238, 185)

HSL

hsl(57, 67%, 84%)

HSB

hsb(57, 23%, 95%)

CMYK

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

Oklch

oklch(93.9% 0.069 104.9)

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

#DFDFBB

Fresh Green · Wheat · Lemon Cream

HEX

#DFDFBB

RGB

rgb(223, 223, 187)

HSL

hsl(60, 36%, 80%)

HSB

hsb(60, 16%, 87%)

CMYK

cmyk(0%, 0%, 16%, 13%)

Oklch

oklch(89.4% 0.048 107.3)

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

#CABAA3

Goose Yellow · Tan · Warm Sun

HEX

#CABAA3

RGB

rgb(202, 186, 163)

HSL

hsl(35, 27%, 72%)

HSB

hsb(35, 19%, 79%)

CMYK

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

Oklch

oklch(79.6% 0.036 77.0)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#AD6966

Crimson · Gray · Passion Red

HEX

#AD6966

RGB

rgb(173, 105, 102)

HSL

hsl(3, 30%, 54%)

HSB

hsb(3, 41%, 68%)

CMYK

cmyk(0%, 39%, 41%, 32%)

Oklch

oklch(59.5% 0.088 22.8)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFEEC5

C7D8FF

Analogous

FFD2C7

FFEEC5

F4FFC7

Triadic

FFEEC5

C7FFEE

EEC7FF

Split-Comp.

FFEEC5

C7F4FF

D2C7FF

Tetradic

FFEEC5

C7FFD2

C7D8FF

FFC7F4

Contrast Matrix WCAG 2.1 Contrast

FFEEC5	F1EEB9	DFDFBB	CABAA3	AD6966
—	1.0 Fail	1.2 Fail	1.7 Fail	3.7 AA Large
1.0 Fail	—	1.1 Fail	1.6 Fail	3.5 AA Large
1.2 Fail	1.1 Fail	—	1.4 Fail	3.1 AA Large
1.7 Fail	1.6 Fail	1.4 Fail	—	2.2 Fail
3.7 AA Large	3.5 AA Large	3.1 AA Large	2.2 Fail	—

White BG

1.1Fail

1.2Fail

1.4Fail

1.9Fail

4.2AA Large

Black BG

18.3AAA

17.7AAA

15.4AAA

11.1AAA

5.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F8F7CF

F0F0C6

DFDFC4

C3C3A9

908F67

Deuteranopia

F9FAD1

F0F0C9

DFDFC6

C4C5AA

949967

Tritanopia

FED7D8

F1D0D2

DFCBCC

C9ADAE

AA6767

Achromatopsia

EEEEEE

E9E9E9

DBDBDB

BCBCBC

7D7D7D

Shades & Tints Shades & Tints

#FFEEC5

Dark

Light

#F1EEB9

Dark

Light

#DFDFBB

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffeec5;
  --color-2: #f1eeb9;
  --color-3: #dfdfbb;
  --color-4: #cabaa3;
  --color-5: #ad6966;
}

SCSS

$color-1: #ffeec5;
$color-2: #f1eeb9;
$color-3: #dfdfbb;
$color-4: #cabaa3;
$color-5: #ad6966;

TAILWIND

colors: {
  'brand-1': '#ffeec5',
  'brand-2': '#f1eeb9',
  'brand-3': '#dfdfbb',
  'brand-4': '#cabaa3',
  'brand-5': '#ad6966',
}

RGB Array

[255, 238, 197], [241, 238, 185], [223, 223, 187], [202, 186, 163], [173, 105, 102]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFEEC5, #F1EEB9, #DFDFBB, #CABAA3, #AD6966 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: #ffeec5; --color-2: #f1eeb9; --color-3: #dfdfbb; --color-4: #cabaa3; --color-5: #ad6966. 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