← Back to Editor

#D16E58 · #B39D8D · #A3B5A4 · #BACCA9 · #D4D4B2

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D16E58

Crimson · Coral · Passion Red

HEX
#D16E58
RGB
rgb(209, 110, 88)
HSL
hsl(11, 57%, 58%)
HSB
hsb(11, 58%, 82%)
CMYK
cmyk(0%, 47%, 58%, 18%)
Oklch
oklch(64.7% 0.130 33.7)

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

#B39D8D

Apricot · DarkGray · Warm Sun

HEX
#B39D8D
RGB
rgb(179, 157, 141)
HSL
hsl(25, 20%, 63%)
HSB
hsb(25, 21%, 70%)
CMYK
cmyk(0%, 12%, 21%, 30%)
Oklch
oklch(71.1% 0.035 58.2)

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

#A3B5A4

Celadon · DarkGray · Apple Green

HEX
#A3B5A4
RGB
rgb(163, 181, 164)
HSL
hsl(123, 11%, 67%)
HSB
hsb(123, 10%, 71%)
CMYK
cmyk(10%, 0%, 9%, 29%)
Oklch
oklch(75.4% 0.031 146.8)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#BACCA9

Celadon · Silver · Apple Green

HEX
#BACCA9
RGB
rgb(186, 204, 169)
HSL
hsl(91, 26%, 73%)
HSB
hsb(91, 17%, 80%)
CMYK
cmyk(9%, 0%, 17%, 20%)
Oklch
oklch(82.2% 0.052 129.7)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#D4D4B2

Fresh Green · Silver · Lemon Cream

HEX
#D4D4B2
RGB
rgb(212, 212, 178)
HSL
hsl(60, 28%, 76%)
HSB
hsb(60, 16%, 83%)
CMYK
cmyk(0%, 0%, 16%, 17%)
Oklch
oklch(86.1% 0.045 107.3)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D16E58
57BBD1

Analogous

D1577E
D16E58
D1AA57

Triadic

D16E58
57D16D
6D57D1

Split-Comp.

D16E58
57D1AA
577ED1

Tetradic

D16E58
7ED157
57BBD1
AA57D1

Contrast Matrix WCAG 2.1 Contrast

D16E58
B39D8D
A3B5A4
BACCA9
D4D4B2
—
1.3
Fail
1.6
Fail
2.0
Fail
2.3
Fail
1.3
Fail
—
1.2
Fail
1.5
Fail
1.7
Fail
1.6
Fail
1.2
Fail
—
1.3
Fail
1.4
Fail
2.0
Fail
1.5
Fail
1.3
Fail
—
1.1
Fail
2.3
Fail
1.7
Fail
1.4
Fail
1.1
Fail
—
White BG
3.5AA Large
2.6Fail
2.2Fail
1.7Fail
1.5Fail
Black BG
6.1AA
8.1AAA
9.7AAA
12.3AAA
13.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A6A55D
A9A991
ABABA8
C2C2B1
D4D4BA

Deuteranopia

ACB35F
ABAC92
AAA8A9
C1BFB4
D4D4BC

Tritanopia

CC6262
B29495
A4ABAC
BBB8BA
D4C1C2

Achromatopsia

898989
A2A2A2
AEAEAE
C3C3C3
D0D0D0

Shades & Tints Shades & Tints

#D16E58

Dark
Light

#B39D8D

Dark
Light

#A3B5A4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d16e58;
  --color-2: #b39d8d;
  --color-3: #a3b5a4;
  --color-4: #bacca9;
  --color-5: #d4d4b2;
}

SCSS

$color-1: #d16e58;
$color-2: #b39d8d;
$color-3: #a3b5a4;
$color-4: #bacca9;
$color-5: #d4d4b2;

TAILWIND

colors: {
  'brand-1': '#d16e58',
  'brand-2': '#b39d8d',
  'brand-3': '#a3b5a4',
  'brand-4': '#bacca9',
  'brand-5': '#d4d4b2',
}

RGB Array

[209, 110, 88], [179, 157, 141], [163, 181, 164], [186, 204, 169], [212, 212, 178]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D16E58, #B39D8D, #A3B5A4, #BACCA9, #D4D4B2 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #d16e58; --color-2: #b39d8d; --color-3: #a3b5a4; --color-4: #bacca9; --color-5: #d4d4b2. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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 beauty, lifestyle, arts industries. Restrained colors convey professionalism and trust. 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