#91C2AE + #A7C4A9 + #D1CA9F + #EDD198 + #FADB9D - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#91C2AE

Jade · DarkSeaGreen · Apple Green

HEX

#91C2AE

RGB

rgb(145, 194, 174)

HSL

hsl(156, 29%, 66%)

HSB

hsb(156, 25%, 76%)

CMYK

cmyk(25%, 0%, 10%, 24%)

Oklch

oklch(77.4% 0.059 167.8)

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

#A7C4A9

Celadon · DarkGray · Apple Green

HEX

#A7C4A9

RGB

rgb(167, 196, 169)

HSL

hsl(124, 20%, 71%)

HSB

hsb(124, 15%, 77%)

CMYK

cmyk(15%, 0%, 14%, 23%)

Oklch

oklch(79.1% 0.049 147.0)

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

#D1CA9F

Fresh Green · Tan · Sunflower

HEX

#D1CA9F

RGB

rgb(209, 202, 159)

HSL

hsl(52, 35%, 72%)

HSB

hsb(52, 24%, 82%)

CMYK

cmyk(0%, 3%, 24%, 18%)

Oklch

oklch(83.4% 0.058 99.8)

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

#EDD198

Goose Yellow · Khaki · Lemon Cream

HEX

#EDD198

RGB

rgb(237, 209, 152)

HSL

hsl(40, 70%, 76%)

HSB

hsb(40, 36%, 93%)

CMYK

cmyk(0%, 12%, 36%, 7%)

Oklch

oklch(87.1% 0.080 84.6)

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

#FADB9D

Goose Yellow · Khaki · Lemon Cream

HEX

#FADB9D

RGB

rgb(250, 219, 157)

HSL

hsl(40, 90%, 80%)

HSB

hsb(40, 37%, 98%)

CMYK

cmyk(0%, 12%, 37%, 2%)

Oklch

oklch(90.3% 0.086 84.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

91C2AE

C18FA3

Analogous

8FC194

91C2AE

8FBCC1

Triadic

91C2AE

AD8FC1

C1AD8F

Split-Comp.

91C2AE

C18FBC

C1948F

Tetradic

91C2AE

948FC1

C18FA3

BCC18F

Contrast Matrix WCAG 2.1 Contrast

91C2AE	A7C4A9	D1CA9F	EDD198	FADB9D
—	1.1 Fail	1.2 Fail	1.3 Fail	1.5 Fail
1.1 Fail	—	1.1 Fail	1.3 Fail	1.4 Fail
1.2 Fail	1.1 Fail	—	1.1 Fail	1.2 Fail
1.3 Fail	1.3 Fail	1.1 Fail	—	1.1 Fail
1.5 Fail	1.4 Fail	1.2 Fail	1.1 Fail	—

White BG

2.0Fail

1.9Fail

1.7Fail

1.5Fail

1.3Fail

Black BG

10.5AAA

11.1AAA

12.7AAA

14.2AAA

15.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A6A7B3

B4B4B0

CECEA9

E1E1A6

EDECAC

Deuteranopia

A3A0B4

B2B0B1

CECFAC

E3E5A9

EEF1B0

Tritanopia

93B7B8

A8B5B6

D1B2B3

ECB1B3

F8B8BA

Achromatopsia

B1B1B1

B8B8B8

C7C7C7

D3D3D3

DDDDDD

Shades & Tints Shades & Tints

#91C2AE

Dark

Light

#A7C4A9

Dark

Light

#D1CA9F

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #91c2ae;
  --color-2: #a7c4a9;
  --color-3: #d1ca9f;
  --color-4: #edd198;
  --color-5: #fadb9d;
}

SCSS

$color-1: #91c2ae;
$color-2: #a7c4a9;
$color-3: #d1ca9f;
$color-4: #edd198;
$color-5: #fadb9d;

TAILWIND

colors: {
  'brand-1': '#91c2ae',
  'brand-2': '#a7c4a9',
  'brand-3': '#d1ca9f',
  'brand-4': '#edd198',
  'brand-5': '#fadb9d',
}

RGB Array

[145, 194, 174], [167, 196, 169], [209, 202, 159], [237, 209, 152], [250, 219, 157]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #91C2AE, #A7C4A9, #D1CA9F, #EDD198, #FADB9D 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: #91c2ae; --color-2: #a7c4a9; --color-3: #d1ca9f; --color-4: #edd198; --color-5: #fadb9d. 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