#99938A + #EDB5A1 + #EED5CC + #F7F3EB + #C7DAD0 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#99938A

Ash · Gray · Silver Sand

HEX

#99938A

RGB

rgb(153, 147, 138)

HSL

hsl(36, 7%, 57%)

HSB

hsb(36, 10%, 60%)

CMYK

cmyk(0%, 4%, 10%, 40%)

Oklch

oklch(66.6% 0.015 78.2)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#EDB5A1

Apricot · BurlyWood · Peach Orange

HEX

#EDB5A1

RGB

rgb(237, 181, 161)

HSL

hsl(16, 68%, 78%)

HSB

hsb(16, 32%, 93%)

CMYK

cmyk(0%, 24%, 32%, 7%)

Oklch

oklch(81.9% 0.071 40.5)

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

#EED5CC

Apricot · Bisque · Peach Orange

HEX

#EED5CC

RGB

rgb(238, 213, 204)

HSL

hsl(16, 50%, 87%)

HSB

hsb(16, 14%, 93%)

CMYK

cmyk(0%, 11%, 14%, 7%)

Oklch

oklch(89.1% 0.031 40.9)

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

#F7F3EB

Goose Yellow · Linen · Lemon Cream

HEX

#F7F3EB

RGB

rgb(247, 243, 235)

HSL

hsl(40, 43%, 95%)

HSB

hsb(40, 5%, 97%)

CMYK

cmyk(0%, 2%, 5%, 3%)

Oklch

oklch(96.5% 0.011 84.6)

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

#C7DAD0

Celadon · LightGray · Mint Green

HEX

#C7DAD0

RGB

rgb(199, 218, 208)

HSL

hsl(148, 20%, 82%)

HSB

hsb(148, 9%, 85%)

CMYK

cmyk(9%, 0%, 5%, 15%)

Oklch

oklch(87.1% 0.025 163.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

99938A

8A9099

Analogous

998B8A

99938A

97998A

Triadic

99938A

8A9993

938A99

Split-Comp.

99938A

8A9799

8B8A99

Tetradic

99938A

8A998B

8A9099

998A97

Contrast Matrix WCAG 2.1 Contrast

99938A	EDB5A1	EED5CC	F7F3EB	C7DAD0
—	1.7 Fail	2.2 Fail	2.8 Fail	2.1 Fail
1.7 Fail	—	1.3 Fail	1.6 Fail	1.2 Fail
2.2 Fail	1.3 Fail	—	1.3 Fail	1.0 Fail
2.8 Fail	1.6 Fail	1.3 Fail	—	1.3 Fail
2.1 Fail	1.2 Fail	1.0 Fail	1.3 Fail	—

White BG

3.0AA Large

1.8Fail

1.4Fail

1.1Fail

1.5Fail

Black BG

6.9AA

11.7AAA

15.0AAA

19.0AAA

14.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

96968C

D5D4A6

E3E3CE

F5F5ED

CFCFD2

Deuteranopia

97978D

D8DCA7

E5E7CF

F6F6ED

CECDD3

Tritanopia

998E8E

EAAAAB

EDD0D0

F7EEEF

C8D4D5

Achromatopsia

949494

C3C3C3

DBDBDB

F3F3F3

D3D3D3

Shades & Tints Shades & Tints

#99938A

Dark

Light

#EDB5A1

Dark

Light

#EED5CC

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #99938a;
  --color-2: #edb5a1;
  --color-3: #eed5cc;
  --color-4: #f7f3eb;
  --color-5: #c7dad0;
}

SCSS

$color-1: #99938a;
$color-2: #edb5a1;
$color-3: #eed5cc;
$color-4: #f7f3eb;
$color-5: #c7dad0;

TAILWIND

colors: {
  'brand-1': '#99938a',
  'brand-2': '#edb5a1',
  'brand-3': '#eed5cc',
  'brand-4': '#f7f3eb',
  'brand-5': '#c7dad0',
}

RGB Array

[153, 147, 138], [237, 181, 161], [238, 213, 204], [247, 243, 235], [199, 218, 208]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #99938A, #EDB5A1, #EED5CC, #F7F3EB, #C7DAD0 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: #99938a; --color-2: #edb5a1; --color-3: #eed5cc; --color-4: #f7f3eb; --color-5: #c7dad0. 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