#B58274 + #B57B7D + #B57485 + #D35D71 + #F0455B · 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

#B58274

Crimson · Gray · Passion Red

HEX

#B58274

RGB

rgb(181, 130, 116)

HSL

hsl(13, 31%, 58%)

HSB

hsb(13, 36%, 71%)

CMYK

cmyk(0%, 28%, 36%, 29%)

Oklch

oklch(65.3% 0.067 35.9)

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

#B57B7D

Crimson · Gray · Passion Red

HEX

#B57B7D

RGB

rgb(181, 123, 125)

HSL

hsl(358, 28%, 60%)

HSB

hsb(358, 32%, 71%)

CMYK

cmyk(0%, 32%, 31%, 29%)

Oklch

oklch(64.3% 0.073 17.0)

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

#B57485

Dark Violet · Gray · Rose Pink

HEX

#B57485

RGB

rgb(181, 116, 133)

HSL

hsl(344, 31%, 58%)

HSB

hsb(344, 36%, 71%)

CMYK

cmyk(0%, 36%, 27%, 29%)

Oklch

oklch(63.2% 0.084 2.8)

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

#D35D71

Crimson · LightCoral · Passion Red

HEX

#D35D71

RGB

rgb(211, 93, 113)

HSL

hsl(350, 57%, 60%)

HSB

hsb(350, 56%, 83%)

CMYK

cmyk(0%, 56%, 46%, 17%)

Oklch

oklch(63.0% 0.150 11.9)

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

#F0455B

Peach Pink · Tomato · Coral Red

HEX

#F0455B

RGB

rgb(240, 69, 91)

HSL

hsl(352, 85%, 61%)

HSB

hsb(352, 71%, 94%)

CMYK

cmyk(0%, 71%, 62%, 6%)

Oklch

oklch(64.3% 0.206 18.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B58274

73A7B5

Analogous

B57386

B58274

B5A273

Triadic

B58274

73B581

8173B5

Split-Comp.

B58274

73B5A2

7386B5

Tetradic

B58274

86B573

73A7B5

A273B5

Contrast Matrix WCAG 2.1 Contrast

B58274	B57B7D	B57485	D35D71	F0455B
—	1.1 Fail	1.1 Fail	1.1 Fail	1.1 Fail
1.1 Fail	—	1.1 Fail	1.1 Fail	1.1 Fail
1.1 Fail	1.1 Fail	—	1.0 Fail	1.0 Fail
1.1 Fail	1.1 Fail	1.0 Fail	—	1.0 Fail
1.1 Fail	1.1 Fail	1.0 Fail	1.0 Fail	—

White BG

3.3AA Large

3.4AA Large

3.6AA Large

3.8AA Large

3.7AA Large

Black BG

6.4AA

6.1AA

5.8AA

5.6AA

5.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9F9E77

9C9B7D

999881

A09F6C

A6A456

Deuteranopia

A2A678

9FA47C

9DA280

A7B06B

B0BD54

Tritanopia

B27A7B

B27C7C

B27E7D

CD6868

E75151

Achromatopsia

909090

8D8D8D

898989

838383

7B7B7B

Shades & Tints Shades & Tints

#B58274

Dark

Light

#B57B7D

Dark

Light

#B57485

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b58274;
  --color-2: #b57b7d;
  --color-3: #b57485;
  --color-4: #d35d71;
  --color-5: #f0455b;
}

SCSS

$color-1: #b58274;
$color-2: #b57b7d;
$color-3: #b57485;
$color-4: #d35d71;
$color-5: #f0455b;

TAILWIND

colors: {
  'brand-1': '#b58274',
  'brand-2': '#b57b7d',
  'brand-3': '#b57485',
  'brand-4': '#d35d71',
  'brand-5': '#f0455b',
}

RGB Array

[181, 130, 116], [181, 123, 125], [181, 116, 133], [211, 93, 113], [240, 69, 91]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #B58274, #B57B7D, #B57485, #D35D71, #F0455B 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: #b58274; --color-2: #b57b7d; --color-3: #b57485; --color-4: #d35d71; --color-5: #f0455b. 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