← Back to Editor

#CBB79C · #A19B83 · #97B6A7 · #A0C5B3 · #FDCFB7

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#CBB79C

Ginger · Tan · Warm Sun

HEX
#CBB79C
RGB
rgb(203, 183, 156)
HSL
hsl(34, 31%, 70%)
HSB
hsb(34, 23%, 80%)
CMYK
cmyk(0%, 10%, 23%, 20%)
Oklch
oklch(78.9% 0.043 75.3)

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

#A19B83

Ginger · DarkSeaGreen · Sunflower

HEX
#A19B83
RGB
rgb(161, 155, 131)
HSL
hsl(48, 14%, 57%)
HSB
hsb(48, 19%, 63%)
CMYK
cmyk(0%, 4%, 19%, 37%)
Oklch
oklch(68.8% 0.035 95.5)

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

#97B6A7

Jade · DarkGray · Apple Green

HEX
#97B6A7
RGB
rgb(151, 182, 167)
HSL
hsl(151, 18%, 65%)
HSB
hsb(151, 17%, 71%)
CMYK
cmyk(17%, 0%, 8%, 29%)
Oklch
oklch(74.9% 0.040 164.5)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#A0C5B3

Jade · DarkGray · Apple Green

HEX
#A0C5B3
RGB
rgb(160, 197, 179)
HSL
hsl(151, 24%, 70%)
HSB
hsb(151, 19%, 77%)
CMYK
cmyk(19%, 0%, 9%, 23%)
Oklch
oklch(79.1% 0.047 164.2)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#FDCFB7

Apricot · Wheat · Peach Orange

HEX
#FDCFB7
RGB
rgb(253, 207, 183)
HSL
hsl(21, 95%, 85%)
HSB
hsb(21, 28%, 99%)
CMYK
cmyk(0%, 18%, 28%, 1%)
Oklch
oklch(88.8% 0.061 49.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CBB79C
9BAFCA

Analogous

CA9E9B
CBB79C
C7CA9B

Triadic

CBB79C
9BCAB6
B69BCA

Split-Comp.

CBB79C
9BC7CA
9E9BCA

Tetradic

CBB79C
9BCA9E
9BAFCA
CA9BC7

Contrast Matrix WCAG 2.1 Contrast

CBB79C
A19B83
97B6A7
A0C5B3
FDCFB7
—
1.4
Fail
1.1
Fail
1.0
Fail
1.4
Fail
1.4
Fail
—
1.3
Fail
1.5
Fail
2.0
Fail
1.1
Fail
1.3
Fail
—
1.2
Fail
1.5
Fail
1.0
Fail
1.5
Fail
1.2
Fail
—
1.3
Fail
1.4
Fail
2.0
Fail
1.5
Fail
1.3
Fail
—
White BG
1.9Fail
2.8Fail
2.2Fail
1.9Fail
1.4Fail
Black BG
10.8AAA
7.5AAA
9.6AAA
11.1AAA
14.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C2C2A3
9E9E89
A4A5AB
B0B0B7
E9E9BD

Deuteranopia

C4C5A4
9F9F8A
A3A0AC
AEABB8
ECEFBE

Tritanopia

CAA8A9
A18D8E
99ADAE
A2BBBC
FBC1C2

Achromatopsia

BABABA
9A9A9A
ABABAB
B8B8B8
DADADA

Shades & Tints Shades & Tints

#CBB79C

Dark
Light

#A19B83

Dark
Light

#97B6A7

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cbb79c;
  --color-2: #a19b83;
  --color-3: #97b6a7;
  --color-4: #a0c5b3;
  --color-5: #fdcfb7;
}

SCSS

$color-1: #cbb79c;
$color-2: #a19b83;
$color-3: #97b6a7;
$color-4: #a0c5b3;
$color-5: #fdcfb7;

TAILWIND

colors: {
  'brand-1': '#cbb79c',
  'brand-2': '#a19b83',
  'brand-3': '#97b6a7',
  'brand-4': '#a0c5b3',
  'brand-5': '#fdcfb7',
}

RGB Array

[203, 183, 156], [161, 155, 131], [151, 182, 167], [160, 197, 179], [253, 207, 183]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CBB79C, #A19B83, #97B6A7, #A0C5B3, #FDCFB7 is ideal for: health products, baby brands, fresh-style blogs. 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: #cbb79c; --color-2: #a19b83; --color-3: #97b6a7; --color-4: #a0c5b3; --color-5: #fdcfb7. 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 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