← Back to Editor

#B3C5BA · #D0CB94 · #C2B165 · #BD6464 · #605C6D

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

#B3C5BA

Celadon · Silver · Apple Green

HEX
#B3C5BA
RGB
rgb(179, 197, 186)
HSL
hsl(143, 13%, 74%)
HSB
hsb(143, 9%, 77%)
CMYK
cmyk(9%, 0%, 6%, 23%)
Oklch
oklch(80.7% 0.025 159.0)

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

#D0CB94

Fresh Green · Tan · Sunflower

HEX
#D0CB94
RGB
rgb(208, 203, 148)
HSL
hsl(55, 39%, 70%)
HSB
hsb(55, 29%, 82%)
CMYK
cmyk(0%, 2%, 29%, 18%)
Oklch
oklch(83.3% 0.073 103.5)

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

#C2B165

Ginger · Tan · Sunflower

HEX
#C2B165
RGB
rgb(194, 177, 101)
HSL
hsl(49, 43%, 58%)
HSB
hsb(49, 48%, 76%)
CMYK
cmyk(0%, 9%, 48%, 24%)
Oklch
oklch(75.8% 0.099 97.1)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#BD6464

Crimson · LightCoral · Passion Red

HEX
#BD6464
RGB
rgb(189, 100, 100)
HSL
hsl(0, 40%, 57%)
HSB
hsb(0, 47%, 74%)
CMYK
cmyk(0%, 47%, 47%, 26%)
Oklch
oklch(60.7% 0.114 21.0)

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

#605C6D

Deep Indigo · DimGray · Charcoal

HEX
#605C6D
RGB
rgb(96, 92, 109)
HSL
hsl(254, 8%, 39%)
HSB
hsb(254, 16%, 43%)
CMYK
cmyk(12%, 16%, 0%, 57%)
Oklch
oklch(48.5% 0.027 296.1)

Traditional「Deep Indigo」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B3C5BA
C5B4BF

Analogous

B6C5B4
B3C5BA
B4C5C3

Triadic

B3C5BA
BBB4C5
C5BBB4

Split-Comp.

B3C5BA
C3B4C5
C5B4B6

Tetradic

B3C5BA
B4B6C5
C5B4BF
C5C3B4

Contrast Matrix WCAG 2.1 Contrast

B3C5BA
D0CB94
C2B165
BD6464
605C6D
—
1.1
Fail
1.2
Fail
2.2
Fail
3.6
AA Large
1.1
Fail
—
1.3
Fail
2.4
Fail
3.9
AA Large
1.2
Fail
1.3
Fail
—
1.9
Fail
3.0
AA Large
2.2
Fail
2.4
Fail
1.9
Fail
—
1.6
Fail
3.6
AA Large
3.9
AA Large
3.0
AA Large
1.6
Fail
—
White BG
1.8Fail
1.7Fail
2.1Fail
4.1AA Large
6.5AA
Black BG
11.6AAA
12.7AAA
9.8AAA
5.2AA
3.2AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

BBBBBD
CECEA1
BBBA77
969664
5E5E69

Deuteranopia

BAB8BD
CECFA5
BCBD7C
9CA264
5F5F68

Tritanopia

B4BFBF
D0ACAE
C18689
B96464
606665

Achromatopsia

BEBEBE
C6C6C6
ADADAD
7F7F7F
5F5F5F

Shades & Tints Shades & Tints

#B3C5BA

Dark
Light

#D0CB94

Dark
Light

#C2B165

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b3c5ba;
  --color-2: #d0cb94;
  --color-3: #c2b165;
  --color-4: #bd6464;
  --color-5: #605c6d;
}

SCSS

$color-1: #b3c5ba;
$color-2: #d0cb94;
$color-3: #c2b165;
$color-4: #bd6464;
$color-5: #605c6d;

TAILWIND

colors: {
  'brand-1': '#b3c5ba',
  'brand-2': '#d0cb94',
  'brand-3': '#c2b165',
  'brand-4': '#bd6464',
  'brand-5': '#605c6d',
}

RGB Array

[179, 197, 186], [208, 203, 148], [194, 177, 101], [189, 100, 100], [96, 92, 109]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B3C5BA, #D0CB94, #C2B165, #BD6464, #605C6D 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: #b3c5ba; --color-2: #d0cb94; --color-3: #c2b165; --color-4: #bd6464; --color-5: #605c6d. 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