#FFB898 + #EDA8A4 + #CD88A9 + #6B6083 + #708E94 · muted - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#FFB898

Apricot · BurlyWood · Peach Orange

HEX

#FFB898

RGB

rgb(255, 184, 152)

HSL

hsl(19, 100%, 80%)

HSB

hsb(19, 40%, 100%)

CMYK

cmyk(0%, 28%, 40%, 0%)

Oklch

oklch(84.1% 0.094 45.2)

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

#EDA8A4

Peach Pink · BurlyWood · Coral Red

HEX

#EDA8A4

RGB

rgb(237, 168, 164)

HSL

hsl(3, 67%, 79%)

HSB

hsb(3, 31%, 93%)

CMYK

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

Oklch

oklch(79.6% 0.082 22.8)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#CD88A9

Rouge · DarkGray · Rose Pink

HEX

#CD88A9

RGB

rgb(205, 136, 169)

HSL

hsl(331, 41%, 67%)

HSB

hsb(331, 34%, 80%)

CMYK

cmyk(0%, 34%, 18%, 20%)

Oklch

oklch(70.6% 0.094 349.6)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#6B6083

Deep Indigo · DimGray · Navy Blue

HEX

#6B6083

RGB

rgb(107, 96, 131)

HSL

hsl(259, 15%, 45%)

HSB

hsb(259, 27%, 51%)

CMYK

cmyk(18%, 27%, 0%, 49%)

Oklch

oklch(51.3% 0.056 298.8)

Traditional「Deep Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

#708E94

Slate Blue · LightSlateGray · Lake Green

HEX

#708E94

RGB

rgb(112, 142, 148)

HSL

hsl(190, 14%, 51%)

HSB

hsb(190, 24%, 58%)

CMYK

cmyk(24%, 4%, 0%, 42%)

Oklch

oklch(62.6% 0.035 211.2)

Traditional「Slate Blue」· Paint「Lake Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFB898

99DFFF

Analogous

FF99AC

FFB898

FFEC99

Triadic

FFB898

99FFB9

B999FF

Split-Comp.

FFB898

99FFEC

99ACFF

Tetradic

FFB898

ACFF99

99DFFF

EC99FF

Contrast Matrix WCAG 2.1 Contrast

FFB898	EDA8A4	CD88A9	6B6083	708E94
—	1.2 Fail	1.6 Fail	3.5 AA Large	2.1 Fail
1.2 Fail	—	1.4 Fail	3.0 Fail	1.8 Fail
1.6 Fail	1.4 Fail	—	2.1 Fail	1.3 Fail
3.5 AA Large	3.0 Fail	2.1 Fail	—	1.7 Fail
2.1 Fail	1.8 Fail	1.3 Fail	1.7 Fail	—

White BG

1.7Fail

2.0Fail

2.7Fail

5.8AA

3.5AA Large

Black BG

12.6AAA

10.7AAA

7.7AAA

3.6AA Large

6.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E0E0A0

CFCFA5

AFAFA1

66667B

7D7D93

Deuteranopia

E4EAA2

D3D8A5

B3B89F

676878

7B7992

Tritanopia

FBA6A7

EAA6A6

CA9B99

6A7472

719191

Achromatopsia

CACACA

BCBCBC

A0A0A0

676767

868686

Shades & Tints Shades & Tints

#FFB898

Dark

Light

#EDA8A4

Dark

Light

#CD88A9

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffb898;
  --color-2: #eda8a4;
  --color-3: #cd88a9;
  --color-4: #6b6083;
  --color-5: #708e94;
}

SCSS

$color-1: #ffb898;
$color-2: #eda8a4;
$color-3: #cd88a9;
$color-4: #6b6083;
$color-5: #708e94;

TAILWIND

colors: {
  'brand-1': '#ffb898',
  'brand-2': '#eda8a4',
  'brand-3': '#cd88a9',
  'brand-4': '#6b6083',
  'brand-5': '#708e94',
}

RGB Array

[255, 184, 152], [237, 168, 164], [205, 136, 169], [107, 96, 131], [112, 142, 148]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This muted-style palette of #FFB898, #EDA8A4, #CD88A9, #6B6083, #708E94 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: #ffb898; --color-2: #eda8a4; --color-3: #cd88a9; --color-4: #6b6083; --color-5: #708e94. 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 muted-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