#92C9D9 + #D9CE87 + #D8E4C5 + #B9D0A4 + #A2C084 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#92C9D9

Sky Blue · SkyBlue · Lake Green

HEX

#92C9D9

RGB

rgb(146, 201, 217)

HSL

hsl(194, 48%, 71%)

HSB

hsb(194, 33%, 85%)

CMYK

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

Oklch

oklch(80.3% 0.061 217.7)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#D9CE87

Fresh Green · BurlyWood · Sunflower

HEX

#D9CE87

RGB

rgb(217, 206, 135)

HSL

hsl(52, 52%, 69%)

HSB

hsb(52, 38%, 85%)

CMYK

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

Oklch

oklch(84.4% 0.092 100.5)

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

#D8E4C5

Willow Green · LightGray · Mint Green

HEX

#D8E4C5

RGB

rgb(216, 228, 197)

HSL

hsl(83, 36%, 83%)

HSB

hsb(83, 14%, 89%)

CMYK

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

Oklch

oklch(90.2% 0.043 124.5)

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

#B9D0A4

Celadon · Silver · Apple Green

HEX

#B9D0A4

RGB

rgb(185, 208, 164)

HSL

hsl(91, 32%, 73%)

HSB

hsb(91, 21%, 82%)

CMYK

cmyk(11%, 0%, 21%, 18%)

Oklch

oklch(82.9% 0.065 130.2)

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

#A2C084

Celadon · DarkSeaGreen · Apple Green

HEX

#A2C084

RGB

rgb(162, 192, 132)

HSL

hsl(90, 32%, 64%)

HSB

hsb(90, 31%, 75%)

CMYK

cmyk(16%, 0%, 31%, 25%)

Oklch

oklch(77.0% 0.088 129.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

92C9D9

D9A292

Analogous

92D9C6

92C9D9

92A4D9

Triadic

92C9D9

D992C8

C8D992

Split-Comp.

92C9D9

D992A4

D9C692

Tetradic

92C9D9

C692D9

D9A292

A4D992

Contrast Matrix WCAG 2.1 Contrast

92C9D9	D9CE87	D8E4C5	B9D0A4	A2C084
—	1.1 Fail	1.4 Fail	1.1 Fail	1.1 Fail
1.1 Fail	—	1.2 Fail	1.0 Fail	1.3 Fail
1.4 Fail	1.2 Fail	—	1.3 Fail	1.5 Fail
1.1 Fail	1.0 Fail	1.3 Fail	—	1.2 Fail
1.1 Fail	1.3 Fail	1.5 Fail	1.2 Fail	—

White BG

1.8Fail

1.6Fail

1.3Fail

1.7Fail

2.0Fail

Black BG

11.6AAA

13.1AAA

15.8AAA

12.6AAA

10.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

AAAAD5

D4D498

DDDDCD

C3C3AF

AFAF93

Deuteranopia

A7A3D4

D5D69C

DDDCCE

C2C0B1

ADAB96

Tritanopia

95D2D1

D8A6A9

D9D2D4

BAB7B9

A49EA1

Achromatopsia

BABABA

C9C9C9

DDDDDD

C4C4C4

B0B0B0

Shades & Tints Shades & Tints

#92C9D9

Dark

Light

#D9CE87

Dark

Light

#D8E4C5

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #92c9d9;
  --color-2: #d9ce87;
  --color-3: #d8e4c5;
  --color-4: #b9d0a4;
  --color-5: #a2c084;
}

SCSS

$color-1: #92c9d9;
$color-2: #d9ce87;
$color-3: #d8e4c5;
$color-4: #b9d0a4;
$color-5: #a2c084;

TAILWIND

colors: {
  'brand-1': '#92c9d9',
  'brand-2': '#d9ce87',
  'brand-3': '#d8e4c5',
  'brand-4': '#b9d0a4',
  'brand-5': '#a2c084',
}

RGB Array

[146, 201, 217], [217, 206, 135], [216, 228, 197], [185, 208, 164], [162, 192, 132]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #92C9D9, #D9CE87, #D8E4C5, #B9D0A4, #A2C084 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: #92c9d9; --color-2: #d9ce87; --color-3: #d8e4c5; --color-4: #b9d0a4; --color-5: #a2c084. 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