#7B9879 + #8A5600 + #BB536E + #CA6084 + #B23D4F · pastel - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarm

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#7B9879

Celadon · Gray · Olive Green

HEX

#7B9879

RGB

rgb(123, 152, 121)

HSL

hsl(116, 13%, 54%)

HSB

hsb(116, 20%, 60%)

CMYK

cmyk(19%, 0%, 20%, 40%)

Oklch

oklch(64.9% 0.056 143.2)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#8A5600

Ochre · Olive · Amber Brown

HEX

#8A5600

RGB

rgb(138, 86, 0)

HSL

hsl(37, 100%, 27%)

HSB

hsb(37, 100%, 54%)

CMYK

cmyk(0%, 38%, 100%, 46%)

Oklch

oklch(50.0% 0.109 69.6)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#BB536E

Dark Violet · MediumVioletRed · Rose Pink

HEX

#BB536E

RGB

rgb(187, 83, 110)

HSL

hsl(344, 43%, 53%)

HSB

hsb(344, 56%, 73%)

CMYK

cmyk(0%, 56%, 41%, 27%)

Oklch

oklch(58.1% 0.136 6.1)

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

#CA6084

Dark Violet · LightCoral · Rose Pink

HEX

#CA6084

RGB

rgb(202, 96, 132)

HSL

hsl(340, 50%, 58%)

HSB

hsb(340, 52%, 79%)

CMYK

cmyk(0%, 52%, 35%, 21%)

Oklch

oklch(62.7% 0.139 0.5)

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

#B23D4F

Crimson · Brown · Passion Red

HEX

#B23D4F

RGB

rgb(178, 61, 79)

HSL

hsl(351, 49%, 47%)

HSB

hsb(351, 66%, 70%)

CMYK

cmyk(0%, 66%, 56%, 30%)

Oklch

oklch(53.0% 0.152 14.9)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7B9879

977A99

Analogous

8C997A

7B9879

7A9988

Triadic

7B9879

7A7C99

997A7C

Split-Comp.

7B9879

887A99

997A8C

Tetradic

7B9879

7A8C99

977A99

99887A

Contrast Matrix WCAG 2.1 Contrast

7B9879	8A5600	BB536E	CA6084	B23D4F
—	1.9 Fail	1.4 Fail	1.2 Fail	1.8 Fail
1.9 Fail	—	1.3 Fail	1.6 Fail	1.1 Fail
1.4 Fail	1.3 Fail	—	1.2 Fail	1.2 Fail
1.2 Fail	1.6 Fail	1.2 Fail	—	1.5 Fail
1.8 Fail	1.1 Fail	1.2 Fail	1.5 Fail	—

White BG

3.2AA Large

6.2AA

4.6AA

3.8AA Large

5.7AA

Black BG

6.6AA

3.4AA Large

4.6AA

5.5AA

3.7AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

888881

737315

8E8D67

9C9B7B

7F7E4B

Deuteranopia

868482

777A1A

949C66

A2AA79

868F4A

Tritanopia

7C8688

872529

B66261

C57473

AC4746

Achromatopsia

8C8C8C

5C5C5C

757575

848484

626262

Shades & Tints Shades & Tints

#7B9879

Dark

Light

#8A5600

Dark

Light

#BB536E

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7b9879;
  --color-2: #8a5600;
  --color-3: #bb536e;
  --color-4: #ca6084;
  --color-5: #b23d4f;
}

SCSS

$color-1: #7b9879;
$color-2: #8a5600;
$color-3: #bb536e;
$color-4: #ca6084;
$color-5: #b23d4f;

TAILWIND

colors: {
  'brand-1': '#7b9879',
  'brand-2': '#8a5600',
  'brand-3': '#bb536e',
  'brand-4': '#ca6084',
  'brand-5': '#b23d4f',
}

RGB Array

[123, 152, 121], [138, 86, 0], [187, 83, 110], [202, 96, 132], [178, 61, 79]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #7B9879, #8A5600, #BB536E, #CA6084, #B23D4F 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: #7b9879; --color-2: #8a5600; --color-3: #bb536e; --color-4: #ca6084; --color-5: #b23d4f. 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