← Back to Editor

#D1C3A2 · #907C6F · #889991 · #D5A295 · #BC616C

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

#D1C3A2

Goose Yellow · Tan · Sunflower

HEX
#D1C3A2
RGB
rgb(209, 195, 162)
HSL
hsl(42, 34%, 73%)
HSB
hsb(42, 22%, 82%)
CMYK
cmyk(0%, 7%, 22%, 18%)
Oklch
oklch(82.0% 0.047 87.8)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#907C6F

Tangerine · Gray · Amber Brown

HEX
#907C6F
RGB
rgb(144, 124, 111)
HSL
hsl(24, 13%, 50%)
HSB
hsb(24, 23%, 56%)
CMYK
cmyk(0%, 14%, 23%, 44%)
Oklch
oklch(60.1% 0.031 55.0)

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

#889991

Mineral Blue · LightSlateGray · Silver Sand

HEX
#889991
RGB
rgb(136, 153, 145)
HSL
hsl(152, 8%, 57%)
HSB
hsb(152, 11%, 60%)
CMYK
cmyk(11%, 0%, 5%, 40%)
Oklch
oklch(66.7% 0.023 165.7)

Traditional「Mineral Blue」· Paint「Silver Sand」· Creative Urban Concrete

#D5A295

Peach Pink · Tan · Coral Red

HEX
#D5A295
RGB
rgb(213, 162, 149)
HSL
hsl(12, 43%, 71%)
HSB
hsb(12, 30%, 84%)
CMYK
cmyk(0%, 24%, 30%, 16%)
Oklch
oklch(75.6% 0.064 34.7)

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

#BC616C

Crimson · LightCoral · Passion Red

HEX
#BC616C
RGB
rgb(188, 97, 108)
HSL
hsl(353, 40%, 56%)
HSB
hsb(353, 48%, 74%)
CMYK
cmyk(0%, 48%, 43%, 26%)
Oklch
oklch(60.2% 0.117 13.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D1C3A2
A3B1D2

Analogous

D2ACA3
D1C3A2
C8D2A3

Triadic

D1C3A2
A3D2C4
C4A3D2

Split-Comp.

D1C3A2
A3C8D2
ACA3D2

Tetradic

D1C3A2
A3D2AC
A3B1D2
D2A3C8

Contrast Matrix WCAG 2.1 Contrast

D1C3A2
907C6F
889991
D5A295
BC616C
—
2.3
Fail
1.7
Fail
1.3
Fail
2.4
Fail
2.3
Fail
—
1.3
Fail
1.8
Fail
1.0
Fail
1.7
Fail
1.3
Fail
—
1.3
Fail
1.4
Fail
1.3
Fail
1.8
Fail
1.3
Fail
—
1.9
Fail
2.4
Fail
1.0
Fail
1.4
Fail
1.9
Fail
—
White BG
1.7Fail
4.0AA Large
3.0Fail
2.2Fail
4.1AA Large
Black BG
12.0AAA
5.3AA
7.0AAA
9.4AAA
5.1AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CBCBAA
878772
8F9093
BFBE98
959469

Deuteranopia

CCCDAC
898A73
8E8D93
C2C699
9AA169

Tritanopia

D0B0B2
8F7575
899495
D29B9B
B76767

Achromatopsia

C3C3C3
808080
939393
B0B0B0
7D7D7D

Shades & Tints Shades & Tints

#D1C3A2

Dark
Light

#907C6F

Dark
Light

#889991

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d1c3a2;
  --color-2: #907c6f;
  --color-3: #889991;
  --color-4: #d5a295;
  --color-5: #bc616c;
}

SCSS

$color-1: #d1c3a2;
$color-2: #907c6f;
$color-3: #889991;
$color-4: #d5a295;
$color-5: #bc616c;

TAILWIND

colors: {
  'brand-1': '#d1c3a2',
  'brand-2': '#907c6f',
  'brand-3': '#889991',
  'brand-4': '#d5a295',
  'brand-5': '#bc616c',
}

RGB Array

[209, 195, 162], [144, 124, 111], [136, 153, 145], [213, 162, 149], [188, 97, 108]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D1C3A2, #907C6F, #889991, #D5A295, #BC616C is ideal for: brand design, premium product pages, magazine layouts. 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: #d1c3a2; --color-2: #907c6f; --color-3: #889991; --color-4: #d5a295; --color-5: #bc616c. 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. 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