#94A898 + #EDB87B + #F4D75A + #EBEAD8 + #E8FCED - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#94A898

Celadon · DarkSeaGreen · Apple Green

HEX

#94A898

RGB

rgb(148, 168, 152)

HSL

hsl(132, 10%, 62%)

HSB

hsb(132, 12%, 66%)

CMYK

cmyk(12%, 0%, 10%, 34%)

Oklch

oklch(71.1% 0.032 151.3)

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

#EDB87B

Goose Yellow · BurlyWood · Warm Sun

HEX

#EDB87B

RGB

rgb(237, 184, 123)

HSL

hsl(32, 76%, 71%)

HSB

hsb(32, 48%, 93%)

CMYK

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

Oklch

oklch(81.7% 0.099 69.6)

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

#F4D75A

Ginger · SandyBrown · Sunflower

HEX

#F4D75A

RGB

rgb(244, 215, 90)

HSL

hsl(49, 88%, 65%)

HSB

hsb(49, 63%, 96%)

CMYK

cmyk(0%, 12%, 63%, 4%)

Oklch

oklch(88.1% 0.146 96.2)

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

#EBEAD8

Fresh Green · Beige · Lemon Cream

HEX

#EBEAD8

RGB

rgb(235, 234, 216)

HSL

hsl(57, 32%, 88%)

HSB

hsb(57, 8%, 92%)

CMYK

cmyk(0%, 0%, 8%, 8%)

Oklch

oklch(93.3% 0.024 104.3)

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

#E8FCED

Emerald · Beige · Mint Green

HEX

#E8FCED

RGB

rgb(232, 252, 237)

HSL

hsl(135, 77%, 95%)

HSB

hsb(135, 8%, 99%)

CMYK

cmyk(8%, 0%, 6%, 1%)

Oklch

oklch(97.2% 0.029 153.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

94A898

A894A4

Analogous

9AA894

94A898

94A8A2

Triadic

94A898

9894A8

A89894

Split-Comp.

94A898

A294A8

A8949A

Tetradic

94A898

949AA8

A894A4

A8A294

Contrast Matrix WCAG 2.1 Contrast

94A898	EDB87B	F4D75A	EBEAD8	E8FCED
—	1.4 Fail	1.8 Fail	2.1 Fail	2.4 Fail
1.4 Fail	—	1.3 Fail	1.5 Fail	1.7 Fail
1.8 Fail	1.3 Fail	—	1.2 Fail	1.3 Fail
2.1 Fail	1.5 Fail	1.2 Fail	—	1.1 Fail
2.4 Fail	1.7 Fail	1.3 Fail	1.1 Fail	—

White BG

2.5Fail

1.8Fail

1.4Fail

1.2Fail

1.1Fail

Black BG

8.3AAA

11.7AAA

14.7AAA

17.3AAA

19.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9D9D9C

D6D68A

E7E778

EBEBDC

F1F1F1

Deuteranopia

9C9A9D

D9DD8D

E9EB80

EBEBDD

F0EEF1

Tritanopia

959FA0

EA9598

F39095

EBE0E1

E9F3F4

Achromatopsia

A0A0A0

C1C1C1

D1D1D1

E8E8E8

F4F4F4

Shades & Tints Shades & Tints

#94A898

Dark

Light

#EDB87B

Dark

Light

#F4D75A

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #94a898;
  --color-2: #edb87b;
  --color-3: #f4d75a;
  --color-4: #ebead8;
  --color-5: #e8fced;
}

SCSS

$color-1: #94a898;
$color-2: #edb87b;
$color-3: #f4d75a;
$color-4: #ebead8;
$color-5: #e8fced;

TAILWIND

colors: {
  'brand-1': '#94a898',
  'brand-2': '#edb87b',
  'brand-3': '#f4d75a',
  'brand-4': '#ebead8',
  'brand-5': '#e8fced',
}

RGB Array

[148, 168, 152], [237, 184, 123], [244, 215, 90], [235, 234, 216], [232, 252, 237]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #94A898, #EDB87B, #F4D75A, #EBEAD8, #E8FCED 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: #94a898; --color-2: #edb87b; --color-3: #f4d75a; --color-4: #ebead8; --color-5: #e8fced. 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