← Back to Editor

#ED9F6F · #B9494A · #937B6E · #3F6375 · #49344C

pastel

A 5-color pastel palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarmCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustrationData Visualization

Color Details Color Details

#ED9F6F

Apricot · DarkSalmon · Warm Sun

HEX
#ED9F6F
RGB
rgb(237, 159, 111)
HSL
hsl(23, 78%, 68%)
HSB
hsb(23, 53%, 93%)
CMYK
cmyk(0%, 33%, 53%, 7%)
Oklch
oklch(76.9% 0.113 52.0)

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

#B9494A

Crimson · Sienna · Passion Red

HEX
#B9494A
RGB
rgb(185, 73, 74)
HSL
hsl(359, 44%, 51%)
HSB
hsb(359, 61%, 73%)
CMYK
cmyk(0%, 61%, 60%, 27%)
Oklch
oklch(55.6% 0.145 22.6)

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

#937B6E

Tangerine · Gray · Amber Brown

HEX
#937B6E
RGB
rgb(147, 123, 110)
HSL
hsl(21, 15%, 50%)
HSB
hsb(21, 25%, 58%)
CMYK
cmyk(0%, 16%, 25%, 42%)
Oklch
oklch(60.2% 0.036 50.1)

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

#3F6375

Slate Blue · DimGray · Prussian Blue

HEX
#3F6375
RGB
rgb(63, 99, 117)
HSL
hsl(200, 30%, 35%)
HSB
hsb(200, 46%, 46%)
CMYK
cmyk(46%, 15%, 0%, 54%)
Oklch
oklch(48.0% 0.050 230.9)

Traditional「Slate Blue」· Paint「Prussian Blue」· Creative Blush Sunrise

#49344C

Dark Plum · DarkSlateGray · Eggplant

HEX
#49344C
RGB
rgb(73, 52, 76)
HSL
hsl(293, 19%, 25%)
HSB
hsb(293, 32%, 30%)
CMYK
cmyk(4%, 32%, 0%, 70%)
Oklch
oklch(35.9% 0.049 322.2)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ED9F6F
6EBCED

Analogous

ED6E7D
ED9F6F
EDDE6E

Triadic

ED9F6F
6EED9F
9F6EED

Split-Comp.

ED9F6F
6EEDDE
6E7DED

Tetradic

ED9F6F
7DED6E
6EBCED
DE6EED

Contrast Matrix WCAG 2.1 Contrast

ED9F6F
B9494A
937B6E
3F6375
49344C
—
2.4
Fail
1.8
Fail
3.0
AA Large
5.2
AA
2.4
Fail
—
1.3
Fail
1.3
Fail
2.2
Fail
1.8
Fail
1.3
Fail
—
1.6
Fail
2.8
Fail
3.0
AA Large
1.3
Fail
1.6
Fail
—
1.7
Fail
5.2
AA
2.2
Fail
2.8
Fail
1.7
Fail
—
White BG
2.1Fail
5.1AA
4.0AA Large
6.5AA
11.2AAA
Black BG
9.8AAA
4.1AA Large
5.3AA
3.3AA Large
1.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

CBCB7B
89874A
898871
4F4F71
404046

Deuteranopia

D0D67D
8F974A
8A8C72
4D4A70
414345

Tritanopia

E98486
B34A4A
927474
416D6C
484241

Achromatopsia

B1B1B1
6B6B6B
818181
5A5A5A
3D3D3D

Shades & Tints Shades & Tints

#ED9F6F

Dark
Light

#B9494A

Dark
Light

#937B6E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ed9f6f;
  --color-2: #b9494a;
  --color-3: #937b6e;
  --color-4: #3f6375;
  --color-5: #49344c;
}

SCSS

$color-1: #ed9f6f;
$color-2: #b9494a;
$color-3: #937b6e;
$color-4: #3f6375;
$color-5: #49344c;

TAILWIND

colors: {
  'brand-1': '#ed9f6f',
  'brand-2': '#b9494a',
  'brand-3': '#937b6e',
  'brand-4': '#3f6375',
  'brand-5': '#49344c',
}

RGB Array

[237, 159, 111], [185, 73, 74], [147, 123, 110], [63, 99, 117], [73, 52, 76]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #ED9F6F, #B9494A, #937B6E, #3F6375, #49344C is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #ed9f6f; --color-2: #b9494a; --color-3: #937b6e; --color-4: #3f6375; --color-5: #49344c. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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