#EBA88B + #F4F2CC + #A2B8C6 + #F5EACC + #9EB0A4 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EBA88B

Apricot · BurlyWood · Warm Sun

HEX

#EBA88B

RGB

rgb(235, 168, 139)

HSL

hsl(18, 71%, 73%)

HSB

hsb(18, 41%, 92%)

CMYK

cmyk(0%, 29%, 41%, 8%)

Oklch

oklch(78.8% 0.089 44.3)

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

#F4F2CC

Fresh Green · Beige · Lemon Cream

HEX

#F4F2CC

RGB

rgb(244, 242, 204)

HSL

hsl(57, 65%, 88%)

HSB

hsb(57, 16%, 96%)

CMYK

cmyk(0%, 1%, 16%, 4%)

Oklch

oklch(95.3% 0.050 104.8)

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

#A2B8C6

Sky Blue · LightSteelBlue · Cobalt Blue

HEX

#A2B8C6

RGB

rgb(162, 184, 198)

HSL

hsl(203, 24%, 71%)

HSB

hsb(203, 18%, 78%)

CMYK

cmyk(18%, 7%, 0%, 22%)

Oklch

oklch(77.0% 0.031 235.8)

Traditional「Sky Blue」· Paint「Cobalt Blue」· Creative Twilight Haze

#F5EACC

Goose Yellow · Bisque · Lemon Cream

HEX

#F5EACC

RGB

rgb(245, 234, 204)

HSL

hsl(44, 67%, 88%)

HSB

hsb(44, 17%, 96%)

CMYK

cmyk(0%, 4%, 17%, 4%)

Oklch

oklch(93.8% 0.041 90.2)

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

#9EB0A4

Celadon · DarkGray · Apple Green

HEX

#9EB0A4

RGB

rgb(158, 176, 164)

HSL

hsl(140, 10%, 65%)

HSB

hsb(140, 10%, 69%)

CMYK

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

Oklch

oklch(74.0% 0.026 156.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EBA88B

89CEEB

Analogous

EB899D

EBA88B

EBD789

Triadic

EBA88B

89EBA7

A789EB

Split-Comp.

EBA88B

89EBD7

899DEB

Tetradic

EBA88B

9DEB89

89CEEB

D789EB

Contrast Matrix WCAG 2.1 Contrast

EBA88B	F4F2CC	A2B8C6	F5EACC	9EB0A4
—	1.8 Fail	1.0 Fail	1.7 Fail	1.1 Fail
1.8 Fail	—	1.8 Fail	1.1 Fail	2.0 Fail
1.0 Fail	1.8 Fail	—	1.7 Fail	1.1 Fail
1.7 Fail	1.1 Fail	1.7 Fail	—	1.9 Fail
1.1 Fail	2.0 Fail	1.1 Fail	1.9 Fail	—

White BG

2.0Fail

1.1Fail

2.1Fail

1.2Fail

2.3Fail

Black BG

10.5AAA

18.4AAA

10.2AAA

17.5AAA

9.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CECD92

F3F3D5

ACACC3

F0F0D3

A6A6A7

Deuteranopia

D2D794

F3F3D7

AAA9C2

F1F2D5

A5A3A8

Tritanopia

E89899

F4DCDE

A3C0BF

F4D9DA

9FA9AA

Achromatopsia

B9B9B9

EEEEEE

B3B3B3

EAEAEA

A9A9A9

Shades & Tints Shades & Tints

#EBA88B

Dark

Light

#F4F2CC

Dark

Light

#A2B8C6

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eba88b;
  --color-2: #f4f2cc;
  --color-3: #a2b8c6;
  --color-4: #f5eacc;
  --color-5: #9eb0a4;
}

SCSS

$color-1: #eba88b;
$color-2: #f4f2cc;
$color-3: #a2b8c6;
$color-4: #f5eacc;
$color-5: #9eb0a4;

TAILWIND

colors: {
  'brand-1': '#eba88b',
  'brand-2': '#f4f2cc',
  'brand-3': '#a2b8c6',
  'brand-4': '#f5eacc',
  'brand-5': '#9eb0a4',
}

RGB Array

[235, 168, 139], [244, 242, 204], [162, 184, 198], [245, 234, 204], [158, 176, 164]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EBA88B, #F4F2CC, #A2B8C6, #F5EACC, #9EB0A4 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: #eba88b; --color-2: #f4f2cc; --color-3: #a2b8c6; --color-4: #f5eacc; --color-5: #9eb0a4. 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