#AA9F89 + #DDC293 + #E9E3C3 + #FDFCFA + #FFE4C9 · cool - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#AA9F89

Ginger · DarkGray · Sunflower

HEX

#AA9F89

RGB

rgb(170, 159, 137)

HSL

hsl(40, 16%, 60%)

HSB

hsb(40, 19%, 67%)

CMYK

cmyk(0%, 6%, 19%, 33%)

Oklch

oklch(70.6% 0.034 84.6)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#DDC293

Goose Yellow · BurlyWood · Warm Sun

HEX

#DDC293

RGB

rgb(221, 194, 147)

HSL

hsl(38, 52%, 72%)

HSB

hsb(38, 33%, 87%)

CMYK

cmyk(0%, 12%, 33%, 13%)

Oklch

oklch(82.6% 0.069 81.3)

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

#E9E3C3

Fresh Green · Wheat · Lemon Cream

HEX

#E9E3C3

RGB

rgb(233, 227, 195)

HSL

hsl(51, 46%, 84%)

HSB

hsb(51, 16%, 91%)

CMYK

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

Oklch

oklch(91.2% 0.043 98.4)

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

#FDFCFA

Goose Yellow · Snow · Lemon Cream

HEX

#FDFCFA

RGB

rgb(253, 252, 250)

HSL

hsl(40, 43%, 99%)

HSB

hsb(40, 1%, 99%)

CMYK

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

Oklch

oklch(99.1% 0.003 84.6)

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

#FFE4C9

Goose Yellow · Bisque · Peach Orange

HEX

#FFE4C9

RGB

rgb(255, 228, 201)

HSL

hsl(30, 100%, 89%)

HSB

hsb(30, 21%, 100%)

CMYK

cmyk(0%, 11%, 21%, 0%)

Oklch

oklch(93.4% 0.046 67.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AA9F89

8994A9

Analogous

A98E89

AA9F89

A4A989

Triadic

AA9F89

89A99E

9E89A9

Split-Comp.

AA9F89

89A4A9

8E89A9

Tetradic

AA9F89

89A98E

8994A9

A989A4

Contrast Matrix WCAG 2.1 Contrast

AA9F89	DDC293	E9E3C3	FDFCFA	FFE4C9
—	1.5 Fail	2.0 Fail	2.6 Fail	2.1 Fail
1.5 Fail	—	1.3 Fail	1.7 Fail	1.4 Fail
2.0 Fail	1.3 Fail	—	1.3 Fail	1.1 Fail
2.6 Fail	1.7 Fail	1.3 Fail	—	1.2 Fail
2.1 Fail	1.4 Fail	1.1 Fail	1.2 Fail	—

White BG

2.6Fail

1.7Fail

1.3Fail

1.0Fail

1.2Fail

Black BG

8.0AAA

12.2AAA

16.2AAA

20.5AAA

17.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A5A58E

D1D19E

E6E6CB

FDFDFA

F3F3D0

Deuteranopia

A6A790

D3D5A1

E7E7CD

FDFDFB

F5F7D1

Tritanopia

A99393

DCA7A9

E9D1D2

FDFBFB

FED5D6

Achromatopsia

A0A0A0

C5C5C5

E1E1E1

FCFCFC

E9E9E9

Shades & Tints Shades & Tints

#AA9F89

Dark

Light

#DDC293

Dark

Light

#E9E3C3

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #aa9f89;
  --color-2: #ddc293;
  --color-3: #e9e3c3;
  --color-4: #fdfcfa;
  --color-5: #ffe4c9;
}

SCSS

$color-1: #aa9f89;
$color-2: #ddc293;
$color-3: #e9e3c3;
$color-4: #fdfcfa;
$color-5: #ffe4c9;

TAILWIND

colors: {
  'brand-1': '#aa9f89',
  'brand-2': '#ddc293',
  'brand-3': '#e9e3c3',
  'brand-4': '#fdfcfa',
  'brand-5': '#ffe4c9',
}

RGB Array

[170, 159, 137], [221, 194, 147], [233, 227, 195], [253, 252, 250], [255, 228, 201]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #AA9F89, #DDC293, #E9E3C3, #FDFCFA, #FFE4C9 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: #aa9f89; --color-2: #ddc293; --color-3: #e9e3c3; --color-4: #fdfcfa; --color-5: #ffe4c9. 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 cool-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