#91958E + #ADBF97 + #D6DC9E + #EEFFAA + #F07186 · warm - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#91958E

Ash · Gray · Silver Sand

HEX

#91958E

RGB

rgb(145, 149, 142)

HSL

hsl(94, 3%, 57%)

HSB

hsb(94, 5%, 58%)

CMYK

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

Oklch

oklch(66.4% 0.011 131.4)

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

#ADBF97

Willow Green · DarkGray · Apple Green

HEX

#ADBF97

RGB

rgb(173, 191, 151)

HSL

hsl(87, 24%, 67%)

HSB

hsb(87, 21%, 75%)

CMYK

cmyk(9%, 0%, 21%, 25%)

Oklch

oklch(78.0% 0.058 127.4)

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

#D6DC9E

Fresh Green · Khaki · Sunflower

HEX

#D6DC9E

RGB

rgb(214, 220, 158)

HSL

hsl(66, 47%, 74%)

HSB

hsb(66, 28%, 86%)

CMYK

cmyk(3%, 0%, 28%, 14%)

Oklch

oklch(87.5% 0.081 112.6)

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

#EEFFAA

Willow Green · Wheat · Mint Green

HEX

#EEFFAA

RGB

rgb(238, 255, 170)

HSL

hsl(72, 100%, 83%)

HSB

hsb(72, 33%, 100%)

CMYK

cmyk(7%, 0%, 33%, 0%)

Oklch

oklch(96.8% 0.109 117.7)

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

#F07186

Peach Pink · LightCoral · Coral Red

HEX

#F07186

RGB

rgb(240, 113, 134)

HSL

hsl(350, 81%, 69%)

HSB

hsb(350, 53%, 94%)

CMYK

cmyk(0%, 53%, 44%, 6%)

Oklch

oklch(70.4% 0.157 11.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

91958E

928E95

Analogous

94958E

91958E

8E958E

Triadic

91958E

8E9195

958E91

Split-Comp.

91958E

8E8E95

958E94

Tetradic

91958E

8E9495

928E95

958E8E

Contrast Matrix WCAG 2.1 Contrast

91958E	ADBF97	D6DC9E	EEFFAA	F07186
—	1.5 Fail	2.1 Fail	2.8 Fail	1.1 Fail
1.5 Fail	—	1.4 Fail	1.8 Fail	1.4 Fail
2.1 Fail	1.4 Fail	—	1.3 Fail	2.0 Fail
2.8 Fail	1.8 Fail	1.3 Fail	—	2.6 Fail
1.1 Fail	1.4 Fail	2.0 Fail	2.6 Fail	—

White BG

3.0AA Large

2.0Fail

1.4Fail

1.1Fail

2.8Fail

Black BG

6.9AA

10.7AAA

14.6AAA

19.5AAA

7.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

939390

B5B5A1

D9D9AD

F5F6BF

B9B881

Deuteranopia

939290

B4B2A3

D8D8B1

F4F3C4

C0CA80

Tritanopia

919191

AEA8AA

D6B9BB

EFCFD2

EA7D7C

Achromatopsia

939393

B5B5B5

D3D3D3

F0F0F0

999999

Shades & Tints Shades & Tints

#91958E

Dark

Light

#ADBF97

Dark

Light

#D6DC9E

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #91958e;
  --color-2: #adbf97;
  --color-3: #d6dc9e;
  --color-4: #eeffaa;
  --color-5: #f07186;
}

SCSS

$color-1: #91958e;
$color-2: #adbf97;
$color-3: #d6dc9e;
$color-4: #eeffaa;
$color-5: #f07186;

TAILWIND

colors: {
  'brand-1': '#91958e',
  'brand-2': '#adbf97',
  'brand-3': '#d6dc9e',
  'brand-4': '#eeffaa',
  'brand-5': '#f07186',
}

RGB Array

[145, 149, 142], [173, 191, 151], [214, 220, 158], [238, 255, 170], [240, 113, 134]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #91958E, #ADBF97, #D6DC9E, #EEFFAA, #F07186 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: #91958e; --color-2: #adbf97; --color-3: #d6dc9e; --color-4: #eeffaa; --color-5: #f07186. 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 warm-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