#938A5A + #E3DEC6 + #F4F3C5 + #DFD687 + #E9E4A5 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#938A5A

Autumn Sage · Gray · Honey Gold

HEX

#938A5A

RGB

rgb(147, 138, 90)

HSL

hsl(51, 24%, 46%)

HSB

hsb(51, 39%, 58%)

CMYK

cmyk(0%, 6%, 39%, 42%)

Oklch

oklch(63.0% 0.067 98.9)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#E3DEC6

Fresh Green · LightGray · Lemon Cream

HEX

#E3DEC6

RGB

rgb(227, 222, 198)

HSL

hsl(50, 34%, 83%)

HSB

hsb(50, 13%, 89%)

CMYK

cmyk(0%, 2%, 13%, 11%)

Oklch

oklch(89.8% 0.032 97.3)

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

#F4F3C5

Fresh Green · Bisque · Lemon Cream

HEX

#F4F3C5

RGB

rgb(244, 243, 197)

HSL

hsl(59, 68%, 86%)

HSB

hsb(59, 19%, 96%)

CMYK

cmyk(0%, 0%, 19%, 4%)

Oklch

oklch(95.3% 0.060 106.4)

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

#DFD687

Fresh Green · Khaki · Sunflower

HEX

#DFD687

RGB

rgb(223, 214, 135)

HSL

hsl(54, 58%, 70%)

HSB

hsb(54, 39%, 87%)

CMYK

cmyk(0%, 4%, 39%, 13%)

Oklch

oklch(86.6% 0.100 102.6)

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

#E9E4A5

Fresh Green · Wheat · Lemon Cream

HEX

#E9E4A5

RGB

rgb(233, 228, 165)

HSL

hsl(56, 61%, 78%)

HSB

hsb(56, 29%, 91%)

CMYK

cmyk(0%, 2%, 29%, 9%)

Oklch

oklch(90.8% 0.081 104.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

938A5A

596291

Analogous

916D59

938A5A

7E9159

Triadic

938A5A

599189

895991

Split-Comp.

938A5A

597E91

6D5991

Tetradic

938A5A

59916D

596291

91597E

Contrast Matrix WCAG 2.1 Contrast

938A5A	E3DEC6	F4F3C5	DFD687	E9E4A5
—	2.6 Fail	3.1 AA Large	2.3 Fail	2.7 Fail
2.6 Fail	—	1.2 Fail	1.1 Fail	1.0 Fail
3.1 AA Large	1.2 Fail	—	1.3 Fail	1.1 Fail
2.3 Fail	1.1 Fail	1.3 Fail	—	1.1 Fail
2.7 Fail	1.0 Fail	1.1 Fail	1.1 Fail	—

White BG

3.5AA Large

1.4Fail

1.1Fail

1.5Fail

1.3Fail

Black BG

6.0AA

15.5AAA

18.5AAA

14.1AAA

16.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8F8F66

E1E1CC

F4F4D0

DBDB9A

E7E7B4

Deuteranopia

909068

E1E1CD

F4F4D3

DCDC9F

E7E8B8

Tritanopia

936F71

E3D0D1

F4D9DB

DFA9AD

E9C0C3

Achromatopsia

878787

DDDDDD

EEEEEE

D0D0D0

DEDEDE

Shades & Tints Shades & Tints

#938A5A

Dark

Light

#E3DEC6

Dark

Light

#F4F3C5

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #938a5a;
  --color-2: #e3dec6;
  --color-3: #f4f3c5;
  --color-4: #dfd687;
  --color-5: #e9e4a5;
}

SCSS

$color-1: #938a5a;
$color-2: #e3dec6;
$color-3: #f4f3c5;
$color-4: #dfd687;
$color-5: #e9e4a5;

TAILWIND

colors: {
  'brand-1': '#938a5a',
  'brand-2': '#e3dec6',
  'brand-3': '#f4f3c5',
  'brand-4': '#dfd687',
  'brand-5': '#e9e4a5',
}

RGB Array

[147, 138, 90], [227, 222, 198], [244, 243, 197], [223, 214, 135], [233, 228, 165]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #938A5A, #E3DEC6, #F4F3C5, #DFD687, #E9E4A5 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: #938a5a; --color-2: #e3dec6; --color-3: #f4f3c5; --color-4: #dfd687; --color-5: #e9e4a5. 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