#D18964 + #CCB089 + #D5CBA7 + #C2BC9A + #7BA08E - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D18964

Apricot · DarkSalmon · Warm Sun

HEX

#D18964

RGB

rgb(209, 137, 100)

HSL

hsl(20, 54%, 61%)

HSB

hsb(20, 52%, 82%)

CMYK

cmyk(0%, 34%, 52%, 18%)

Oklch

oklch(69.5% 0.102 47.7)

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

#CCB089

Ginger · Tan · Warm Sun

HEX

#CCB089

RGB

rgb(204, 176, 137)

HSL

hsl(35, 40%, 67%)

HSB

hsb(35, 33%, 80%)

CMYK

cmyk(0%, 14%, 33%, 20%)

Oklch

oklch(77.2% 0.062 75.8)

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

#D5CBA7

Goose Yellow · Silver · Sunflower

HEX

#D5CBA7

RGB

rgb(213, 203, 167)

HSL

hsl(47, 35%, 75%)

HSB

hsb(47, 22%, 84%)

CMYK

cmyk(0%, 5%, 22%, 16%)

Oklch

oklch(84.1% 0.049 94.3)

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

#C2BC9A

Fresh Green · Tan · Sunflower

HEX

#C2BC9A

RGB

rgb(194, 188, 154)

HSL

hsl(51, 25%, 68%)

HSB

hsb(51, 21%, 76%)

CMYK

cmyk(0%, 3%, 21%, 24%)

Oklch

oklch(79.1% 0.047 99.1)

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

#7BA08E

Mineral Blue · LightSlateGray · Olive Green

HEX

#7BA08E

RGB

rgb(123, 160, 142)

HSL

hsl(151, 16%, 55%)

HSB

hsb(151, 23%, 63%)

CMYK

cmyk(23%, 0%, 11%, 37%)

Oklch

oklch(67.3% 0.049 163.8)

Traditional「Mineral Blue」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D18964

66ADD1

Analogous

D16678

D18964

D1BF66

Triadic

D18964

66D18A

8A66D1

Split-Comp.

D18964

66D1BF

6678D1

Tetradic

D18964

78D166

66ADD1

BF66D1

Contrast Matrix WCAG 2.1 Contrast

D18964	CCB089	D5CBA7	C2BC9A	7BA08E
—	1.4 Fail	1.7 Fail	1.5 Fail	1.0 Fail
1.4 Fail	—	1.3 Fail	1.1 Fail	1.4 Fail
1.7 Fail	1.3 Fail	—	1.2 Fail	1.8 Fail
1.5 Fail	1.1 Fail	1.2 Fail	—	1.5 Fail
1.0 Fail	1.4 Fail	1.8 Fail	1.5 Fail	—

White BG

2.8Fail

2.1Fail

1.6Fail

1.9Fail

2.9Fail

Black BG

7.5AAA

10.1AAA

12.9AAA

11.0AAA

7.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B2B16D

C0C092

D1D1B0

BFBFA2

8B8B92

Deuteranopia

B6BB6F

C2C495

D1D2B2

C0C0A4

898693

Tritanopia

CD7476

CB9A9C

D5B7B8

C2A9AA

7D9697

Achromatopsia

9A9A9A

B4B4B4

CACACA

BABABA

939393

Shades & Tints Shades & Tints

#D18964

Dark

Light

#CCB089

Dark

Light

#D5CBA7

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d18964;
  --color-2: #ccb089;
  --color-3: #d5cba7;
  --color-4: #c2bc9a;
  --color-5: #7ba08e;
}

SCSS

$color-1: #d18964;
$color-2: #ccb089;
$color-3: #d5cba7;
$color-4: #c2bc9a;
$color-5: #7ba08e;

TAILWIND

colors: {
  'brand-1': '#d18964',
  'brand-2': '#ccb089',
  'brand-3': '#d5cba7',
  'brand-4': '#c2bc9a',
  'brand-5': '#7ba08e',
}

RGB Array

[209, 137, 100], [204, 176, 137], [213, 203, 167], [194, 188, 154], [123, 160, 142]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D18964, #CCB089, #D5CBA7, #C2BC9A, #7BA08E 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: #d18964; --color-2: #ccb089; --color-3: #d5cba7; --color-4: #c2bc9a; --color-5: #7ba08e. 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