#E9A88A + #EBB68E + #FAE3C1 + #C1D1B7 + #AD9287 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E9A88A

Apricot · BurlyWood · Warm Sun

HEX

#E9A88A

RGB

rgb(233, 168, 138)

HSL

hsl(19, 68%, 73%)

HSB

hsb(19, 41%, 91%)

CMYK

cmyk(0%, 28%, 41%, 9%)

Oklch

oklch(78.6% 0.088 45.7)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#EBB68E

Apricot · BurlyWood · Warm Sun

HEX

#EBB68E

RGB

rgb(235, 182, 142)

HSL

hsl(26, 70%, 74%)

HSB

hsb(26, 40%, 92%)

CMYK

cmyk(0%, 23%, 40%, 8%)

Oklch

oklch(81.5% 0.082 58.3)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#FAE3C1

Goose Yellow · Bisque · Peach Orange

HEX

#FAE3C1

RGB

rgb(250, 227, 193)

HSL

hsl(36, 85%, 87%)

HSB

hsb(36, 23%, 98%)

CMYK

cmyk(0%, 9%, 23%, 2%)

Oklch

oklch(92.6% 0.051 77.6)

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

#C1D1B7

Celadon · Silver · Apple Green

HEX

#C1D1B7

RGB

rgb(193, 209, 183)

HSL

hsl(97, 22%, 77%)

HSB

hsb(97, 12%, 82%)

CMYK

cmyk(8%, 0%, 12%, 18%)

Oklch

oklch(84.1% 0.039 133.3)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#AD9287

Tangerine · DarkGray · Warm Sun

HEX

#AD9287

RGB

rgb(173, 146, 135)

HSL

hsl(17, 19%, 60%)

HSB

hsb(17, 22%, 68%)

CMYK

cmyk(0%, 16%, 22%, 32%)

Oklch

oklch(68.1% 0.036 43.4)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E9A88A

8BCBE9

Analogous

E98B9C

E9A88A

E9D88B

Triadic

E9A88A

8BE9A9

A98BE9

Split-Comp.

E9A88A

8BE9D8

8B9CE9

Tetradic

E9A88A

9CE98B

8BCBE9

D88BE9

Contrast Matrix WCAG 2.1 Contrast

E9A88A	EBB68E	FAE3C1	C1D1B7	AD9287
—	1.1 Fail	1.6 Fail	1.3 Fail	1.4 Fail
1.1 Fail	—	1.4 Fail	1.1 Fail	1.6 Fail
1.6 Fail	1.4 Fail	—	1.3 Fail	2.3 Fail
1.3 Fail	1.1 Fail	1.3 Fail	—	1.8 Fail
1.4 Fail	1.6 Fail	2.3 Fail	1.8 Fail	—

White BG

2.0Fail

1.8Fail

1.2Fail

1.6Fail

2.9Fail

Black BG

10.4AAA

11.6AAA

16.8AAA

13.1AAA

7.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CDCC91

D4D498

F0F0C9

C8C8BD

A1A18A

Deuteranopia

D1D693

D7DB9A

F1F3CB

C7C6BF

A3A58A

Tritanopia

E69798

E89FA1

F9D0D1

C2C2C3

AC8C8C

Achromatopsia

B8B8B8

C1C1C1

E6E6E6

C9C9C9

999999

Shades & Tints Shades & Tints

#E9A88A

Dark

Light

#EBB68E

Dark

Light

#FAE3C1

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e9a88a;
  --color-2: #ebb68e;
  --color-3: #fae3c1;
  --color-4: #c1d1b7;
  --color-5: #ad9287;
}

SCSS

$color-1: #e9a88a;
$color-2: #ebb68e;
$color-3: #fae3c1;
$color-4: #c1d1b7;
$color-5: #ad9287;

TAILWIND

colors: {
  'brand-1': '#e9a88a',
  'brand-2': '#ebb68e',
  'brand-3': '#fae3c1',
  'brand-4': '#c1d1b7',
  'brand-5': '#ad9287',
}

RGB Array

[233, 168, 138], [235, 182, 142], [250, 227, 193], [193, 209, 183], [173, 146, 135]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E9A88A, #EBB68E, #FAE3C1, #C1D1B7, #AD9287 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: #e9a88a; --color-2: #ebb68e; --color-3: #fae3c1; --color-4: #c1d1b7; --color-5: #ad9287. 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