#FFFAE5 + #EEF3DA + #DDD0B7 + #C8B891 + #9CBFB3 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#FFFAE5

Goose Yellow · LightYellow · Lemon Cream

HEX

#FFFAE5

RGB

rgb(255, 250, 229)

HSL

hsl(48, 100%, 95%)

HSB

hsb(48, 10%, 100%)

CMYK

cmyk(0%, 2%, 10%, 0%)

Oklch

oklch(98.3% 0.028 95.9)

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

#EEF3DA

Willow Green · Beige · Mint Green

HEX

#EEF3DA

RGB

rgb(238, 243, 218)

HSL

hsl(72, 51%, 90%)

HSB

hsb(72, 10%, 95%)

CMYK

cmyk(2%, 0%, 10%, 5%)

Oklch

oklch(95.4% 0.033 116.2)

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

#DDD0B7

Goose Yellow · Wheat · Peach Orange

HEX

#DDD0B7

RGB

rgb(221, 208, 183)

HSL

hsl(39, 36%, 79%)

HSB

hsb(39, 17%, 87%)

CMYK

cmyk(0%, 6%, 17%, 13%)

Oklch

oklch(86.2% 0.037 83.8)

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

#C8B891

Ginger · Tan · Sunflower

HEX

#C8B891

RGB

rgb(200, 184, 145)

HSL

hsl(43, 33%, 68%)

HSB

hsb(43, 28%, 78%)

CMYK

cmyk(0%, 8%, 28%, 22%)

Oklch

oklch(78.6% 0.056 88.3)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#9CBFB3

Jade · DarkGray · Apple Green

HEX

#9CBFB3

RGB

rgb(156, 191, 179)

HSL

hsl(159, 21%, 68%)

HSB

hsb(159, 18%, 75%)

CMYK

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

Oklch

oklch(77.5% 0.041 172.4)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFFAE5

E5EBFF

Analogous

FFEDE5

FFFAE5

F7FFE5

Triadic

FFFAE5

E5FFFA

FAE5FF

Split-Comp.

FFFAE5

E5F7FF

EDE5FF

Tetradic

FFFAE5

E5FFED

E5EBFF

FFE5F7

Contrast Matrix WCAG 2.1 Contrast

FFFAE5	EEF3DA	DDD0B7	C8B891	9CBFB3
—	1.1 Fail	1.5 Fail	1.9 Fail	1.9 Fail
1.1 Fail	—	1.3 Fail	1.7 Fail	1.8 Fail
1.5 Fail	1.3 Fail	—	1.3 Fail	1.3 Fail
1.9 Fail	1.7 Fail	1.3 Fail	—	1.0 Fail
1.9 Fail	1.8 Fail	1.3 Fail	1.0 Fail	—

White BG

1.0Fail

1.1Fail

1.5Fail

2.0Fail

Black BG

20.1AAA

18.5AAA

13.8AAA

10.7AAA

10.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

FDFDEA

F0F0E0

D7D7BD

C1C19A

ABABB6

Deuteranopia

FDFEEB

F0F0E2

D8D9BF

C2C39D

A9A7B7

Tritanopia

FFEEEF

EEE5E6

DCC2C3

C7A2A4

9EB8B9

Achromatopsia

F9F9F9

EFEFEF

D1D1D1

B8B8B8

B3B3B3

Shades & Tints Shades & Tints

#FFFAE5

Dark

Light

#EEF3DA

Dark

Light

#DDD0B7

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fffae5;
  --color-2: #eef3da;
  --color-3: #ddd0b7;
  --color-4: #c8b891;
  --color-5: #9cbfb3;
}

SCSS

$color-1: #fffae5;
$color-2: #eef3da;
$color-3: #ddd0b7;
$color-4: #c8b891;
$color-5: #9cbfb3;

TAILWIND

colors: {
  'brand-1': '#fffae5',
  'brand-2': '#eef3da',
  'brand-3': '#ddd0b7',
  'brand-4': '#c8b891',
  'brand-5': '#9cbfb3',
}

RGB Array

[255, 250, 229], [238, 243, 218], [221, 208, 183], [200, 184, 145], [156, 191, 179]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFFAE5, #EEF3DA, #DDD0B7, #C8B891, #9CBFB3 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: #fffae5; --color-2: #eef3da; --color-3: #ddd0b7; --color-4: #c8b891; --color-5: #9cbfb3. 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