← Back to Editor

#8B7C6E · #A5927F · #988675 · #F0E4D9 · #FF5A00

pastel

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarm

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustrationData Visualization

Color Details Color Details

#8B7C6E

Tangerine · Gray · Amber Brown

HEX
#8B7C6E
RGB
rgb(139, 124, 110)
HSL
hsl(29, 12%, 49%)
HSB
hsb(29, 21%, 55%)
CMYK
cmyk(0%, 11%, 21%, 45%)
Oklch
oklch(59.6% 0.028 65.3)

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

#A5927F

Ginger · Gray · Warm Sun

HEX
#A5927F
RGB
rgb(165, 146, 127)
HSL
hsl(30, 17%, 57%)
HSB
hsb(30, 23%, 65%)
CMYK
cmyk(0%, 12%, 23%, 35%)
Oklch
oklch(67.2% 0.035 67.2)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#988675

Tangerine · Gray · Warm Sun

HEX
#988675
RGB
rgb(152, 134, 117)
HSL
hsl(29, 15%, 53%)
HSB
hsb(29, 23%, 60%)
CMYK
cmyk(0%, 12%, 23%, 40%)
Oklch
oklch(63.2% 0.033 65.5)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#F0E4D9

Apricot · Beige · Peach Orange

HEX
#F0E4D9
RGB
rgb(240, 228, 217)
HSL
hsl(29, 43%, 90%)
HSB
hsb(29, 10%, 94%)
CMYK
cmyk(0%, 5%, 10%, 6%)
Oklch
oklch(92.5% 0.020 65.1)

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

#FF5A00

Tangerine · OrangeRed · Amber Brown

HEX
#FF5A00
RGB
rgb(255, 90, 0)
HSL
hsl(21, 100%, 50%)
HSB
hsb(21, 100%, 100%)
CMYK
cmyk(0%, 65%, 100%, 0%)
Oklch
oklch(68.1% 0.214 40.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8B7C6E
6E7D8C

Analogous

8C6E6E
8B7C6E
8C8B6E

Triadic

8B7C6E
6E8C7C
7C6E8C

Split-Comp.

8B7C6E
6E8C8B
6E6E8C

Tetradic

8B7C6E
6E8C6E
6E7D8C
8B6E8C

Contrast Matrix WCAG 2.1 Contrast

8B7C6E
A5927F
988675
F0E4D9
FF5A00
—
1.3
Fail
1.2
Fail
3.2
AA Large
1.3
Fail
1.3
Fail
—
1.2
Fail
2.4
Fail
1.0
Fail
1.2
Fail
1.2
Fail
—
2.8
Fail
1.1
Fail
3.2
AA Large
2.4
Fail
2.8
Fail
—
2.5
Fail
1.3
Fail
1.0
Fail
1.1
Fail
2.5
Fail
—
White BG
4.0AA Large
3.0Fail
3.5AA Large
1.2Fail
3.1AA Large
Black BG
5.2AA
7.0AAA
6.0AA
16.8AAA
6.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

858471
9D9D84
909079
EBEBDC
B8B616

Deuteranopia

858772
9E9F85
91937A
ECECDC
C1CE1B

Tritanopia

8A7475
A48788
977C7D
EFDEDE
F7272B

Achromatopsia

7F7F7F
969696
898989
E6E6E6
818181

Shades & Tints Shades & Tints

#8B7C6E

Dark
Light

#A5927F

Dark
Light

#988675

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8b7c6e;
  --color-2: #a5927f;
  --color-3: #988675;
  --color-4: #f0e4d9;
  --color-5: #ff5a00;
}

SCSS

$color-1: #8b7c6e;
$color-2: #a5927f;
$color-3: #988675;
$color-4: #f0e4d9;
$color-5: #ff5a00;

TAILWIND

colors: {
  'brand-1': '#8b7c6e',
  'brand-2': '#a5927f',
  'brand-3': '#988675',
  'brand-4': '#f0e4d9',
  'brand-5': '#ff5a00',
}

RGB Array

[139, 124, 110], [165, 146, 127], [152, 134, 117], [240, 228, 217], [255, 90, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #8B7C6E, #A5927F, #988675, #F0E4D9, #FF5A00 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: #8b7c6e; --color-2: #a5927f; --color-3: #988675; --color-4: #f0e4d9; --color-5: #ff5a00. 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