#D1685B + #C18076 + #B79F96 + #AEBDB5 + #A9D6CC · cool - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D1685B

Crimson · Tomato · Passion Red

HEX

#D1685B

RGB

rgb(209, 104, 91)

HSL

hsl(7, 56%, 59%)

HSB

hsb(7, 56%, 82%)

CMYK

cmyk(0%, 50%, 56%, 18%)

Oklch

oklch(63.9% 0.135 28.7)

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

#C18076

Peach Pink · DarkSalmon · Coral Red

HEX

#C18076

RGB

rgb(193, 128, 118)

HSL

hsl(8, 38%, 61%)

HSB

hsb(8, 39%, 76%)

CMYK

cmyk(0%, 34%, 39%, 24%)

Oklch

oklch(66.4% 0.083 29.1)

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

#B79F96

Apricot · DarkGray · Warm Sun

HEX

#B79F96

RGB

rgb(183, 159, 150)

HSL

hsl(16, 19%, 65%)

HSB

hsb(16, 18%, 72%)

CMYK

cmyk(0%, 13%, 18%, 28%)

Oklch

oklch(72.1% 0.031 41.7)

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

#AEBDB5

Celadon · Silver · Apple Green

HEX

#AEBDB5

RGB

rgb(174, 189, 181)

HSL

hsl(148, 10%, 71%)

HSB

hsb(148, 8%, 74%)

CMYK

cmyk(8%, 0%, 4%, 26%)

Oklch

oklch(78.4% 0.020 162.8)

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

#A9D6CC

Jade · LightBlue · Lake Green

HEX

#A9D6CC

RGB

rgb(169, 214, 204)

HSL

hsl(167, 35%, 75%)

HSB

hsb(167, 21%, 84%)

CMYK

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

Oklch

oklch(84.1% 0.049 180.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D1685B

5CC3D1

Analogous

D15C89

D1685B

D1A45C

Triadic

D1685B

5CD16A

6A5CD1

Split-Comp.

D1685B

5CD1A4

5C89D1

Tetradic

D1685B

89D15C

5CC3D1

A45CD1

Contrast Matrix WCAG 2.1 Contrast

D1685B	C18076	B79F96	AEBDB5	A9D6CC
—	1.1 Fail	1.4 Fail	1.8 Fail	2.3 Fail
1.1 Fail	—	1.3 Fail	1.6 Fail	2.0 Fail
1.4 Fail	1.3 Fail	—	1.3 Fail	1.6 Fail
1.8 Fail	1.6 Fail	1.3 Fail	—	1.2 Fail
2.3 Fail	2.0 Fail	1.6 Fail	1.2 Fail	—

White BG

3.6AA Large

3.2AA Large

2.5Fail

2.0Fail

1.6Fail

Black BG

5.8AA

6.6AA

8.4AAA

10.7AAA

13.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A4A35E

A5A478

ADAC98

B4B5B7

BCBDCE

Deuteranopia

AAB15F

A9AE79

AEB099

B4B3B7

BAB7CF

Tritanopia

CC6161

BE7A7B

B69A9A

AFB8B9

ABD0D1

Achromatopsia

868686

929292

A5A5A5

B8B8B8

C7C7C7

Shades & Tints Shades & Tints

#D1685B

Dark

Light

#C18076

Dark

Light

#B79F96

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d1685b;
  --color-2: #c18076;
  --color-3: #b79f96;
  --color-4: #aebdb5;
  --color-5: #a9d6cc;
}

SCSS

$color-1: #d1685b;
$color-2: #c18076;
$color-3: #b79f96;
$color-4: #aebdb5;
$color-5: #a9d6cc;

TAILWIND

colors: {
  'brand-1': '#d1685b',
  'brand-2': '#c18076',
  'brand-3': '#b79f96',
  'brand-4': '#aebdb5',
  'brand-5': '#a9d6cc',
}

RGB Array

[209, 104, 91], [193, 128, 118], [183, 159, 150], [174, 189, 181], [169, 214, 204]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #D1685B, #C18076, #B79F96, #AEBDB5, #A9D6CC 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: #d1685b; --color-2: #c18076; --color-3: #b79f96; --color-4: #aebdb5; --color-5: #a9d6cc. 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 cool-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