← Back to Editor

#615C5E · #736F6A · #B6B490 · #D1CE97 · #CADEB8

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#615C5E

Ink Gray · DimGray · Charcoal

HEX
#615C5E
RGB
rgb(97, 92, 94)
HSL
hsl(336, 3%, 37%)
HSB
hsb(336, 5%, 38%)
CMYK
cmyk(0%, 5%, 3%, 62%)
Oklch
oklch(48.0% 0.007 351.0)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

#736F6A

Ink Gray · DimGray · Warm Gray

HEX
#736F6A
RGB
rgb(115, 111, 106)
HSL
hsl(33, 4%, 43%)
HSB
hsb(33, 8%, 45%)
CMYK
cmyk(0%, 3%, 8%, 55%)
Oklch
oklch(54.4% 0.009 73.7)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

#B6B490

Fresh Green · Tan · Sunflower

HEX
#B6B490
RGB
rgb(182, 180, 144)
HSL
hsl(57, 21%, 64%)
HSB
hsb(57, 21%, 71%)
CMYK
cmyk(0%, 1%, 21%, 29%)
Oklch
oklch(76.2% 0.049 104.9)

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

#D1CE97

Fresh Green · Tan · Sunflower

HEX
#D1CE97
RGB
rgb(209, 206, 151)
HSL
hsl(57, 39%, 71%)
HSB
hsb(57, 28%, 82%)
CMYK
cmyk(0%, 1%, 28%, 18%)
Oklch
oklch(84.0% 0.072 105.2)

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

#CADEB8

Celadon · LightGray · Apple Green

HEX
#CADEB8
RGB
rgb(202, 222, 184)
HSL
hsl(92, 37%, 80%)
HSB
hsb(92, 17%, 87%)
CMYK
cmyk(9%, 0%, 17%, 13%)
Oklch
oklch(87.6% 0.055 130.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

615C5E
5C615F

Analogous

615C61
615C5E
615C5C

Triadic

615C5E
5E615C
5C5E61

Split-Comp.

615C5E
5C615C
5C6161

Tetradic

615C5E
61615C
5C615F
5C5C61

Contrast Matrix WCAG 2.1 Contrast

615C5E
736F6A
B6B490
D1CE97
CADEB8
—
1.3
Fail
3.1
AA Large
4.1
AA Large
4.6
AA
1.3
Fail
—
2.4
Fail
3.1
AA Large
3.5
AA Large
3.1
AA Large
2.4
Fail
—
1.3
Fail
1.5
Fail
4.1
AA Large
3.1
AA Large
1.3
Fail
—
1.1
Fail
4.6
AA
3.5
AA Large
1.5
Fail
1.1
Fail
—
White BG
6.6AA
5.0AA
2.1Fail
1.6Fail
1.4Fail
Black BG
3.2AA Large
4.2AA Large
9.9AAA
13.0AAA
14.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5F5F5E
71716B
B5B599
D0D0A4
D3D3C1

Deuteranopia

5F5F5D
72726B
B5B59B
D0D0A8
D2D0C3

Tritanopia

615D5D
736C6C
B6A0A1
D1AFB1
CBC8CA

Achromatopsia

5E5E5E
707070
B0B0B0
C9C9C9
D4D4D4

Shades & Tints Shades & Tints

#615C5E

Dark
Light

#736F6A

Dark
Light

#B6B490

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #615c5e;
  --color-2: #736f6a;
  --color-3: #b6b490;
  --color-4: #d1ce97;
  --color-5: #cadeb8;
}

SCSS

$color-1: #615c5e;
$color-2: #736f6a;
$color-3: #b6b490;
$color-4: #d1ce97;
$color-5: #cadeb8;

TAILWIND

colors: {
  'brand-1': '#615c5e',
  'brand-2': '#736f6a',
  'brand-3': '#b6b490',
  'brand-4': '#d1ce97',
  'brand-5': '#cadeb8',
}

RGB Array

[97, 92, 94], [115, 111, 106], [182, 180, 144], [209, 206, 151], [202, 222, 184]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #615C5E, #736F6A, #B6B490, #D1CE97, #CADEB8 is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. 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: #615c5e; --color-2: #736f6a; --color-3: #b6b490; --color-4: #d1ce97; --color-5: #cadeb8. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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