#746D80 + #7E6177 + #BA8D90 + #E8BEA7 + #F0D7BB · pastel - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarmCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#746D80

Deep Indigo · Gray · Warm Gray

HEX

#746D80

RGB

rgb(116, 109, 128)

HSL

hsl(262, 8%, 46%)

HSB

hsb(262, 15%, 50%)

CMYK

cmyk(9%, 15%, 0%, 50%)

Oklch

oklch(54.8% 0.030 302.2)

Traditional「Deep Indigo」· Paint「Warm Gray」· Creative Urban Concrete

#7E6177

Rose Purple · DimGray · Violet

HEX

#7E6177

RGB

rgb(126, 97, 119)

HSL

hsl(314, 13%, 44%)

HSB

hsb(314, 23%, 49%)

CMYK

cmyk(0%, 23%, 6%, 51%)

Oklch

oklch(52.9% 0.049 335.0)

Traditional「Rose Purple」· Paint「Violet」· Creative Blush Sunrise

#BA8D90

Peach Pink · DarkGray · Coral Red

HEX

#BA8D90

RGB

rgb(186, 141, 144)

HSL

hsl(356, 25%, 64%)

HSB

hsb(356, 24%, 73%)

CMYK

cmyk(0%, 24%, 23%, 27%)

Oklch

oklch(68.7% 0.055 14.1)

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

#E8BEA7

Apricot · BurlyWood · Peach Orange

HEX

#E8BEA7

RGB

rgb(232, 190, 167)

HSL

hsl(21, 59%, 78%)

HSB

hsb(21, 28%, 91%)

CMYK

cmyk(0%, 18%, 28%, 9%)

Oklch

oklch(83.2% 0.058 50.3)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#F0D7BB

Goose Yellow · Wheat · Peach Orange

HEX

#F0D7BB

RGB

rgb(240, 215, 187)

HSL

hsl(32, 64%, 84%)

HSB

hsb(32, 22%, 94%)

CMYK

cmyk(0%, 10%, 22%, 6%)

Oklch

oklch(89.3% 0.046 70.3)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

746D80

787F6C

Analogous

6C6E7F

746D80

7C6C7F

Triadic

746D80

7F736C

6C7F73

Split-Comp.

746D80

7F7C6C

6E7F6C

Tetradic

746D80

7F6C6E

787F6C

6C7F7C

Contrast Matrix WCAG 2.1 Contrast

746D80	7E6177	BA8D90	E8BEA7	F0D7BB
—	1.1 Fail	1.7 Fail	2.9 Fail	3.6 AA Large
1.1 Fail	—	1.9 Fail	3.2 AA Large	3.9 AA Large
1.7 Fail	1.9 Fail	—	1.7 Fail	2.1 Fail
2.9 Fail	3.2 AA Large	1.7 Fail	—	1.2 Fail
3.6 AA Large	3.9 AA Large	2.1 Fail	1.2 Fail	—

White BG

5.0AA

5.4AA

2.9Fail

1.7Fail

1.4Fail

Black BG

4.2AA Large

3.9AA Large

7.3AAA

12.4AAA

15.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

71717B

717172

A7A68F

D6D5AD

E5E5C2

Deuteranopia

71727A

737570

A9AD8F

D8DBAE

E7E9C3

Tritanopia

747877

7D6D6D

B88F8F

E6B1B2

EFC7C8

Achromatopsia

717171

6C6C6C

9B9B9B

C8C8C8

DBDBDB

Shades & Tints Shades & Tints

#746D80

Dark

Light

#7E6177

Dark

Light

#BA8D90

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #746d80;
  --color-2: #7e6177;
  --color-3: #ba8d90;
  --color-4: #e8bea7;
  --color-5: #f0d7bb;
}

SCSS

$color-1: #746d80;
$color-2: #7e6177;
$color-3: #ba8d90;
$color-4: #e8bea7;
$color-5: #f0d7bb;

TAILWIND

colors: {
  'brand-1': '#746d80',
  'brand-2': '#7e6177',
  'brand-3': '#ba8d90',
  'brand-4': '#e8bea7',
  'brand-5': '#f0d7bb',
}

RGB Array

[116, 109, 128], [126, 97, 119], [186, 141, 144], [232, 190, 167], [240, 215, 187]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #746D80, #7E6177, #BA8D90, #E8BEA7, #F0D7BB 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: #746d80; --color-2: #7e6177; --color-3: #ba8d90; --color-4: #e8bea7; --color-5: #f0d7bb. 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 pastel-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