← Back to Editor

#93B2AC · #EED789 · #D9DED8 · #E9CFB8 · #C1B293

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#93B2AC

Jade · DarkGray · Lake Green

HEX
#93B2AC
RGB
rgb(147, 178, 172)
HSL
hsl(168, 17%, 64%)
HSB
hsb(168, 17%, 70%)
CMYK
cmyk(17%, 0%, 3%, 30%)
Oklch
oklch(73.9% 0.035 182.3)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#EED789

Goose Yellow · Khaki · Sunflower

HEX
#EED789
RGB
rgb(238, 215, 137)
HSL
hsl(46, 75%, 74%)
HSB
hsb(46, 42%, 93%)
CMYK
cmyk(0%, 10%, 42%, 7%)
Oklch
oklch(88.1% 0.101 93.6)

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

#D9DED8

Celadon · LightGray · Cloud White

HEX
#D9DED8
RGB
rgb(217, 222, 216)
HSL
hsl(110, 8%, 86%)
HSB
hsb(110, 3%, 87%)
CMYK
cmyk(2%, 0%, 3%, 13%)
Oklch
oklch(89.5% 0.010 140.5)

Traditional「Celadon」· Paint「Cloud White」· Creative Silver Lining

#E9CFB8

Apricot · Wheat · Peach Orange

HEX
#E9CFB8
RGB
rgb(233, 207, 184)
HSL
hsl(28, 53%, 82%)
HSB
hsb(28, 21%, 91%)
CMYK
cmyk(0%, 11%, 21%, 9%)
Oklch
oklch(87.0% 0.043 63.7)

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

#C1B293

Ginger · Tan · Sunflower

HEX
#C1B293
RGB
rgb(193, 178, 147)
HSL
hsl(40, 27%, 67%)
HSB
hsb(40, 24%, 76%)
CMYK
cmyk(0%, 8%, 24%, 24%)
Oklch
oklch(76.8% 0.046 85.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

93B2AC
B3949A

Analogous

94B39D
93B2AC
94A9B3

Triadic

93B2AC
AD94B3
B3AD94

Split-Comp.

93B2AC
B394A9
B39D94

Tetradic

93B2AC
9D94B3
B3949A
A9B394

Contrast Matrix WCAG 2.1 Contrast

93B2AC
EED789
D9DED8
E9CFB8
C1B293
—
1.6
Fail
1.7
Fail
1.5
Fail
1.1
Fail
1.6
Fail
—
1.0
Fail
1.0
Fail
1.5
Fail
1.7
Fail
1.0
Fail
—
1.1
Fail
1.5
Fail
1.5
Fail
1.0
Fail
1.1
Fail
—
1.4
Fail
1.1
Fail
1.5
Fail
1.5
Fail
1.4
Fail
—
White BG
2.3Fail
1.4Fail
1.4Fail
1.5Fail
2.1Fail
Black BG
9.2AAA
14.7AAA
15.4AAA
14.1AAA
10.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A0A1AD
E4E49C
DBDBD9
DEDEBE
BBBA9B

Deuteranopia

9F9CAE
E5E7A0
DBDADA
DFE1BF
BBBD9C

Tritanopia

95AFAF
EDABAE
D9DBDB
E8C2C3
C0A0A2

Achromatopsia

A8A8A8
D5D5D5
DCDCDC
D4D4D4
B3B3B3

Shades & Tints Shades & Tints

#93B2AC

Dark
Light

#EED789

Dark
Light

#D9DED8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #93b2ac;
  --color-2: #eed789;
  --color-3: #d9ded8;
  --color-4: #e9cfb8;
  --color-5: #c1b293;
}

SCSS

$color-1: #93b2ac;
$color-2: #eed789;
$color-3: #d9ded8;
$color-4: #e9cfb8;
$color-5: #c1b293;

TAILWIND

colors: {
  'brand-1': '#93b2ac',
  'brand-2': '#eed789',
  'brand-3': '#d9ded8',
  'brand-4': '#e9cfb8',
  'brand-5': '#c1b293',
}

RGB Array

[147, 178, 172], [238, 215, 137], [217, 222, 216], [233, 207, 184], [193, 178, 147]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #93B2AC, #EED789, #D9DED8, #E9CFB8, #C1B293 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: #93b2ac; --color-2: #eed789; --color-3: #d9ded8; --color-4: #e9cfb8; --color-5: #c1b293. 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