#99BFAA + #938C7F + #FF9198 + #EFBFA2 + #E6D9A1 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#99BFAA

Celadon · DarkGray · Apple Green

HEX

#99BFAA

RGB

rgb(153, 191, 170)

HSL

hsl(147, 23%, 67%)

HSB

hsb(147, 20%, 75%)

CMYK

cmyk(20%, 0%, 11%, 25%)

Oklch

oklch(77.1% 0.051 160.8)

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

#938C7F

Ginger · Gray · Warm Gray

HEX

#938C7F

RGB

rgb(147, 140, 127)

HSL

hsl(39, 8%, 54%)

HSB

hsb(39, 14%, 58%)

CMYK

cmyk(0%, 5%, 14%, 42%)

Oklch

oklch(64.2% 0.021 83.0)

Traditional「Ginger」· Paint「Warm Gray」· Creative Urban Concrete

#FF9198

Peach Pink · LightCoral · Coral Red

HEX

#FF9198

RGB

rgb(255, 145, 152)

HSL

hsl(356, 100%, 78%)

HSB

hsb(356, 43%, 100%)

CMYK

cmyk(0%, 43%, 40%, 0%)

Oklch

oklch(77.5% 0.133 16.6)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#EFBFA2

Apricot · BurlyWood · Peach Orange

HEX

#EFBFA2

RGB

rgb(239, 191, 162)

HSL

hsl(23, 71%, 79%)

HSB

hsb(23, 32%, 94%)

CMYK

cmyk(0%, 20%, 32%, 6%)

Oklch

oklch(84.0% 0.068 52.7)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#E6D9A1

Goose Yellow · Wheat · Lemon Cream

HEX

#E6D9A1

RGB

rgb(230, 217, 161)

HSL

hsl(49, 58%, 77%)

HSB

hsb(49, 30%, 90%)

CMYK

cmyk(0%, 6%, 30%, 10%)

Oklch

oklch(88.2% 0.074 96.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

99BFAA

BE97AD

Analogous

99BE97

99BFAA

97BEBC

Triadic

99BFAA

A997BE

BEA997

Split-Comp.

99BFAA

BC97BE

BE9799

Tetradic

99BFAA

9799BE

BE97AD

BEBC97

Contrast Matrix WCAG 2.1 Contrast

99BFAA	938C7F	FF9198	EFBFA2	E6D9A1
—	1.6 Fail	1.1 Fail	1.2 Fail	1.4 Fail
1.6 Fail	—	1.5 Fail	2.0 Fail	2.4 Fail
1.1 Fail	1.5 Fail	—	1.3 Fail	1.5 Fail
1.2 Fail	2.0 Fail	1.3 Fail	—	1.2 Fail
1.4 Fail	2.4 Fail	1.5 Fail	1.2 Fail	—

White BG

2.0Fail

3.3AA Large

2.2Fail

1.7Fail

1.4Fail

Black BG

10.4AAA

6.3AA

9.8AAA

12.6AAA

14.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A9AAAF

909082

CFCE96

DADAA9

E0E0AF

Deuteranopia

A7A4B0

909183

D6DE96

DDE1AB

E1E2B2

Tritanopia

9BB3B4

938585

FA9595

EDAFB0

E5B9BC

Achromatopsia

B1B1B1

8D8D8D

B3B3B3

CACACA

D7D7D7

Shades & Tints Shades & Tints

#99BFAA

Dark

Light

#938C7F

Dark

Light

#FF9198

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #99bfaa;
  --color-2: #938c7f;
  --color-3: #ff9198;
  --color-4: #efbfa2;
  --color-5: #e6d9a1;
}

SCSS

$color-1: #99bfaa;
$color-2: #938c7f;
$color-3: #ff9198;
$color-4: #efbfa2;
$color-5: #e6d9a1;

TAILWIND

colors: {
  'brand-1': '#99bfaa',
  'brand-2': '#938c7f',
  'brand-3': '#ff9198',
  'brand-4': '#efbfa2',
  'brand-5': '#e6d9a1',
}

RGB Array

[153, 191, 170], [147, 140, 127], [255, 145, 152], [239, 191, 162], [230, 217, 161]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #99BFAA, #938C7F, #FF9198, #EFBFA2, #E6D9A1 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: #99bfaa; --color-2: #938c7f; --color-3: #ff9198; --color-4: #efbfa2; --color-5: #e6d9a1. 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