← Back to Editor

#546968 · #94707D · #E67791 · #E29A9C · #DEBDA6

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#546968

Mineral Blue · DimGray · Mint Ice

HEX
#546968
RGB
rgb(84, 105, 104)
HSL
hsl(177, 11%, 37%)
HSB
hsb(177, 20%, 41%)
CMYK
cmyk(20%, 0%, 1%, 59%)
Oklch
oklch(50.3% 0.025 192.8)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#94707D

Dark Violet · Gray · Rose Pink

HEX
#94707D
RGB
rgb(148, 112, 125)
HSL
hsl(338, 14%, 51%)
HSB
hsb(338, 24%, 58%)
CMYK
cmyk(0%, 24%, 16%, 42%)
Oklch
oklch(58.5% 0.049 355.2)

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

#E67791

Peach Pink · LightCoral · Coral Red

HEX
#E67791
RGB
rgb(230, 119, 145)
HSL
hsl(346, 69%, 68%)
HSB
hsb(346, 48%, 90%)
CMYK
cmyk(0%, 48%, 37%, 10%)
Oklch
oklch(70.2% 0.139 6.5)

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

#E29A9C

Peach Pink · Tan · Coral Red

HEX
#E29A9C
RGB
rgb(226, 154, 156)
HSL
hsl(358, 55%, 75%)
HSB
hsb(358, 32%, 89%)
CMYK
cmyk(0%, 32%, 31%, 11%)
Oklch
oklch(75.7% 0.087 17.5)

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

#DEBDA6

Apricot · Tan · Peach Orange

HEX
#DEBDA6
RGB
rgb(222, 189, 166)
HSL
hsl(25, 46%, 76%)
HSB
hsb(25, 25%, 87%)
CMYK
cmyk(0%, 15%, 25%, 13%)
Oklch
oklch(82.1% 0.049 56.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

546968
695455

Analogous

54695D
546968
545F69

Triadic

546968
685469
696854

Split-Comp.

546968
69545F
695D54

Tetradic

546968
5D5469
695455
5F6954

Contrast Matrix WCAG 2.1 Contrast

546968
94707D
E67791
E29A9C
DEBDA6
—
1.4
Fail
2.1
Fail
2.6
Fail
3.3
AA Large
1.4
Fail
—
1.5
Fail
1.9
Fail
2.4
Fail
2.1
Fail
1.5
Fail
—
1.3
Fail
1.6
Fail
2.6
Fail
1.9
Fail
1.3
Fail
—
1.3
Fail
3.3
AA Large
2.4
Fail
1.6
Fail
1.3
Fail
—
White BG
5.8AA
4.3AA Large
2.8Fail
2.2Fail
1.8Fail
Black BG
3.6AA Large
4.9AA
7.4AAA
9.3AAA
11.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5D5D68
84847A
B6B58B
C3C29C
D0CFAC

Deuteranopia

5C5A68
878979
BCC589
C7CC9B
D2D4AD

Tritanopia

556868
927777
E08685
DE9B9B
DCB0B1

Achromatopsia

636363
7C7C7C
9B9B9B
B0B0B0
C4C4C4

Shades & Tints Shades & Tints

#546968

Dark
Light

#94707D

Dark
Light

#E67791

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #546968;
  --color-2: #94707d;
  --color-3: #e67791;
  --color-4: #e29a9c;
  --color-5: #debda6;
}

SCSS

$color-1: #546968;
$color-2: #94707d;
$color-3: #e67791;
$color-4: #e29a9c;
$color-5: #debda6;

TAILWIND

colors: {
  'brand-1': '#546968',
  'brand-2': '#94707d',
  'brand-3': '#e67791',
  'brand-4': '#e29a9c',
  'brand-5': '#debda6',
}

RGB Array

[84, 105, 104], [148, 112, 125], [230, 119, 145], [226, 154, 156], [222, 189, 166]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #546968, #94707D, #E67791, #E29A9C, #DEBDA6 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: #546968; --color-2: #94707d; --color-3: #e67791; --color-4: #e29a9c; --color-5: #debda6. 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 general-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