#B36278 + #F7B786 + #B985AC + #81BE98 + #B4D2B5 · luxury - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#B36278

Dark Violet · Gray · Rose Pink

HEX

#B36278

RGB

rgb(179, 98, 120)

HSL

hsl(344, 35%, 54%)

HSB

hsb(344, 45%, 70%)

CMYK

cmyk(0%, 45%, 33%, 30%)

Oklch

oklch(59.5% 0.107 3.5)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#F7B786

Apricot · BurlyWood · Warm Sun

HEX

#F7B786

RGB

rgb(247, 183, 134)

HSL

hsl(26, 88%, 75%)

HSB

hsb(26, 46%, 97%)

CMYK

cmyk(0%, 26%, 46%, 3%)

Oklch

oklch(82.8% 0.098 58.3)

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

#B985AC

Mauve · DarkGray · Lilac Purple

HEX

#B985AC

RGB

rgb(185, 133, 172)

HSL

hsl(315, 27%, 62%)

HSB

hsb(315, 28%, 73%)

CMYK

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

Oklch

oklch(68.0% 0.082 335.8)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#81BE98

Celadon · DarkSeaGreen · Apple Green

HEX

#81BE98

RGB

rgb(129, 190, 152)

HSL

hsl(143, 32%, 63%)

HSB

hsb(143, 32%, 75%)

CMYK

cmyk(32%, 0%, 20%, 25%)

Oklch

oklch(74.9% 0.084 156.4)

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

#B4D2B5

Celadon · Silver · Apple Green

HEX

#B4D2B5

RGB

rgb(180, 210, 181)

HSL

hsl(122, 25%, 76%)

HSB

hsb(122, 14%, 82%)

CMYK

cmyk(14%, 0%, 14%, 18%)

Oklch

oklch(83.4% 0.051 146.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B36278

61B39D

Analogous

B361A0

B36278

B37461

Triadic

B36278

77B361

6177B3

Split-Comp.

B36278

61B374

61A0B3

Tetradic

B36278

A0B361

61B39D

7461B3

Contrast Matrix WCAG 2.1 Contrast

B36278	F7B786	B985AC	81BE98	B4D2B5
—	2.4 Fail	1.4 Fail	2.0 Fail	2.6 Fail
2.4 Fail	—	1.7 Fail	1.2 Fail	1.1 Fail
1.4 Fail	1.7 Fail	—	1.4 Fail	1.8 Fail
2.0 Fail	1.2 Fail	1.4 Fail	—	1.3 Fail
2.6 Fail	1.1 Fail	1.8 Fail	1.3 Fail	—

White BG

4.3AA Large

1.7Fail

3.0Fail

2.2Fail

1.6Fail

Black BG

4.9AA

12.1AAA

7.0AAA

9.8AAA

12.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

908F73

DBDB92

A2A2A3

9B9CA1

C1C1BC

Deuteranopia

959B71

DFE495

A6A9A0

9893A3

BFBDBE

Tritanopia

AF6E6E

F49B9D

B69B99

84A8AA

B6C2C3

Achromatopsia

7D7D7D

C5C5C5

999999

A7A7A7

C6C6C6

Shades & Tints Shades & Tints

#B36278

Dark

Light

#F7B786

Dark

Light

#B985AC

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b36278;
  --color-2: #f7b786;
  --color-3: #b985ac;
  --color-4: #81be98;
  --color-5: #b4d2b5;
}

SCSS

$color-1: #b36278;
$color-2: #f7b786;
$color-3: #b985ac;
$color-4: #81be98;
$color-5: #b4d2b5;

TAILWIND

colors: {
  'brand-1': '#b36278',
  'brand-2': '#f7b786',
  'brand-3': '#b985ac',
  'brand-4': '#81be98',
  'brand-5': '#b4d2b5',
}

RGB Array

[179, 98, 120], [247, 183, 134], [185, 133, 172], [129, 190, 152], [180, 210, 181]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This luxury-style palette of #B36278, #F7B786, #B985AC, #81BE98, #B4D2B5 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: #b36278; --color-2: #f7b786; --color-3: #b985ac; --color-4: #81be98; --color-5: #b4d2b5. 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 luxury-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