#90927A + #EFF1D8 + #EEAB5D + #D9D694 + #A37D71 · nature - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

CalmOrganicGroundedWarm

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Brand WebsiteBlog

Color Details Color Details

#90927A

Autumn Sage · Gray · Sunflower

HEX

#90927A

RGB

rgb(144, 146, 122)

HSL

hsl(65, 10%, 53%)

HSB

hsb(65, 16%, 57%)

CMYK

cmyk(1%, 0%, 16%, 43%)

Oklch

oklch(65.2% 0.035 111.2)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#EFF1D8

Fresh Green · Beige · Lemon Cream

HEX

#EFF1D8

RGB

rgb(239, 241, 216)

HSL

hsl(65, 47%, 90%)

HSB

hsb(65, 10%, 95%)

CMYK

cmyk(1%, 0%, 10%, 5%)

Oklch

oklch(95.0% 0.033 110.7)

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

#EEAB5D

Ginger · SandyBrown · Warm Sun

HEX

#EEAB5D

RGB

rgb(238, 171, 93)

HSL

hsl(32, 81%, 65%)

HSB

hsb(32, 61%, 93%)

CMYK

cmyk(0%, 28%, 61%, 7%)

Oklch

oklch(79.0% 0.123 68.5)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#D9D694

Fresh Green · Khaki · Sunflower

HEX

#D9D694

RGB

rgb(217, 214, 148)

HSL

hsl(57, 48%, 72%)

HSB

hsb(57, 32%, 85%)

CMYK

cmyk(0%, 1%, 32%, 15%)

Oklch

oklch(86.3% 0.085 105.8)

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

#A37D71

Crimson · Gray · Passion Red

HEX

#A37D71

RGB

rgb(163, 125, 113)

HSL

hsl(14, 21%, 54%)

HSB

hsb(14, 31%, 64%)

CMYK

cmyk(0%, 23%, 31%, 36%)

Oklch

oklch(62.3% 0.051 38.2)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

90927A

7D7B93

Analogous

93897B

90927A

85937B

Triadic

90927A

7B9193

937B91

Split-Comp.

90927A

7B8593

897B93

Tetradic

90927A

7B9389

7D7B93

937B85

Contrast Matrix WCAG 2.1 Contrast

90927A	EFF1D8	EEAB5D	D9D694	A37D71
—	2.8 Fail	1.6 Fail	2.1 Fail	1.1 Fail
2.8 Fail	—	1.7 Fail	1.3 Fail	3.2 AA Large
1.6 Fail	1.7 Fail	—	1.3 Fail	1.9 Fail
2.1 Fail	1.3 Fail	1.3 Fail	—	2.4 Fail
1.1 Fail	3.2 AA Large	1.9 Fail	2.4 Fail	—

White BG

3.2AA Large

1.2Fail

2.0Fail

1.5Fail

3.7AA Large

Black BG

6.6AA

18.2AAA

10.6AAA

14.0AAA

5.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

919180

F0F0DE

D1D070

D8D8A4

939274

Deuteranopia

919181

F0F0E0

D5DA74

D8D8A8

959875

Tritanopia

908485

EFE3E4

EB7F82

D9B1B3

A17677

Achromatopsia

8F8F8F

EEEEEE

B6B6B6

CFCFCF

878787

Shades & Tints Shades & Tints

#90927A

Dark

Light

#EFF1D8

Dark

Light

#EEAB5D

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #90927a;
  --color-2: #eff1d8;
  --color-3: #eeab5d;
  --color-4: #d9d694;
  --color-5: #a37d71;
}

SCSS

$color-1: #90927a;
$color-2: #eff1d8;
$color-3: #eeab5d;
$color-4: #d9d694;
$color-5: #a37d71;

TAILWIND

colors: {
  'brand-1': '#90927a',
  'brand-2': '#eff1d8',
  'brand-3': '#eeab5d',
  'brand-4': '#d9d694',
  'brand-5': '#a37d71',
}

RGB Array

[144, 146, 122], [239, 241, 216], [238, 171, 93], [217, 214, 148], [163, 125, 113]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #90927A, #EFF1D8, #EEAB5D, #D9D694, #A37D71 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: #90927a; --color-2: #eff1d8; --color-3: #eeab5d; --color-4: #d9d694; --color-5: #a37d71. 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 nature-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