#769C9A + #B4BA9E + #D6C396 + #D99666 + #853E5E - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#769C9A

Mineral Blue · LightSlateGray · Lake Green

HEX

#769C9A

RGB

rgb(118, 156, 154)

HSL

hsl(177, 16%, 54%)

HSB

hsb(177, 24%, 61%)

CMYK

cmyk(24%, 0%, 1%, 39%)

Oklch

oklch(66.4% 0.042 192.2)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#B4BA9E

Willow Green · DarkGray · Apple Green

HEX

#B4BA9E

RGB

rgb(180, 186, 158)

HSL

hsl(73, 17%, 67%)

HSB

hsb(73, 15%, 73%)

CMYK

cmyk(3%, 0%, 15%, 27%)

Oklch

oklch(77.7% 0.039 117.1)

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

#D6C396

Goose Yellow · Tan · Sunflower

HEX

#D6C396

RGB

rgb(214, 195, 150)

HSL

hsl(42, 44%, 71%)

HSB

hsb(42, 30%, 84%)

CMYK

cmyk(0%, 9%, 30%, 16%)

Oklch

oklch(82.2% 0.063 87.8)

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

#D99666

Apricot · DarkSalmon · Warm Sun

HEX

#D99666

RGB

rgb(217, 150, 102)

HSL

hsl(25, 60%, 63%)

HSB

hsb(25, 53%, 85%)

CMYK

cmyk(0%, 31%, 53%, 15%)

Oklch

oklch(72.9% 0.103 55.9)

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

#853E5E

Dark Violet · DimGray · Camellia

HEX

#853E5E

RGB

rgb(133, 62, 94)

HSL

hsl(333, 36%, 38%)

HSB

hsb(333, 53%, 52%)

CMYK

cmyk(0%, 53%, 29%, 48%)

Oklch

oklch(46.6% 0.104 353.6)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

769C9A

9C7779

Analogous

779C88

769C9A

778C9C

Triadic

769C9A

9B779C

9C9B77

Split-Comp.

769C9A

9C778C

9C8877

Tetradic

769C9A

88779C

9C7779

8C9C77

Contrast Matrix WCAG 2.1 Contrast

769C9A	B4BA9E	D6C396	D99666	853E5E
—	1.5 Fail	1.7 Fail	1.2 Fail	2.5 Fail
1.5 Fail	—	1.2 Fail	1.2 Fail	3.7 AA Large
1.7 Fail	1.2 Fail	—	1.4 Fail	4.3 AA Large
1.2 Fail	1.2 Fail	1.4 Fail	—	3.0 Fail
2.5 Fail	3.7 AA Large	4.3 AA Large	3.0 Fail	—

White BG

3.0AA Large

2.0Fail

1.7Fail

2.5Fail

7.4AAA

Black BG

7.0AA

10.5AAA

12.1AAA

8.5AAA

2.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

86879A

B7B7A5

CECEA1

BCBB72

666656

Deuteranopia

84819B

B6B6A6

CFD0A4

C0C574

6A7054

Tritanopia

789B9B

B4AAAB

D5A9AB

D67B7D

81504F

Achromatopsia

909090

B5B5B5

C4C4C4

A5A5A5

575757

Shades & Tints Shades & Tints

#769C9A

Dark

Light

#B4BA9E

Dark

Light

#D6C396

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #769c9a;
  --color-2: #b4ba9e;
  --color-3: #d6c396;
  --color-4: #d99666;
  --color-5: #853e5e;
}

SCSS

$color-1: #769c9a;
$color-2: #b4ba9e;
$color-3: #d6c396;
$color-4: #d99666;
$color-5: #853e5e;

TAILWIND

colors: {
  'brand-1': '#769c9a',
  'brand-2': '#b4ba9e',
  'brand-3': '#d6c396',
  'brand-4': '#d99666',
  'brand-5': '#853e5e',
}

RGB Array

[118, 156, 154], [180, 186, 158], [214, 195, 150], [217, 150, 102], [133, 62, 94]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #769C9A, #B4BA9E, #D6C396, #D99666, #853E5E is ideal for: corporate websites, product showcases, portfolios. 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: #769c9a; --color-2: #b4ba9e; --color-3: #d6c396; --color-4: #d99666; --color-5: #853e5e. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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