#CDBBA9 + #97A693 + #FA97AB + #C75C86 + #6B6175 · cool - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#CDBBA9

Goose Yellow · Silver · Warm Sun

HEX

#CDBBA9

RGB

rgb(205, 187, 169)

HSL

hsl(30, 26%, 73%)

HSB

hsb(30, 18%, 80%)

CMYK

cmyk(0%, 9%, 18%, 20%)

Oklch

oklch(80.2% 0.032 67.3)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#97A693

Celadon · DarkSeaGreen · Apple Green

HEX

#97A693

RGB

rgb(151, 166, 147)

HSL

hsl(107, 10%, 61%)

HSB

hsb(107, 11%, 65%)

CMYK

cmyk(9%, 0%, 11%, 35%)

Oklch

oklch(70.8% 0.032 139.1)

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

#FA97AB

Peach Pink · LightPink · Coral Red

HEX

#FA97AB

RGB

rgb(250, 151, 171)

HSL

hsl(348, 91%, 79%)

HSB

hsb(348, 40%, 98%)

CMYK

cmyk(0%, 40%, 32%, 2%)

Oklch

oklch(78.4% 0.120 7.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#C75C86

Dark Violet · LightCoral · Rose Pink

HEX

#C75C86

RGB

rgb(199, 92, 134)

HSL

hsl(336, 49%, 57%)

HSB

hsb(336, 54%, 78%)

CMYK

cmyk(0%, 54%, 33%, 22%)

Oklch

oklch(61.8% 0.143 357.4)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#6B6175

Dark Plum · DimGray · Warm Gray

HEX

#6B6175

RGB

rgb(107, 97, 117)

HSL

hsl(270, 9%, 42%)

HSB

hsb(270, 17%, 46%)

CMYK

cmyk(9%, 17%, 0%, 54%)

Oklch

oklch(50.9% 0.033 307.7)

Traditional「Dark Plum」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CDBBA9

A8BACC

Analogous

CCA8A8

CDBBA9

CCCCA8

Triadic

CDBBA9

A8CCBA

BAA8CC

Split-Comp.

CDBBA9

A8CCCC

A8A8CC

Tetradic

CDBBA9

A8CCA8

A8BACC

CCA8CC

Contrast Matrix WCAG 2.1 Contrast

CDBBA9	97A693	FA97AB	C75C86	6B6175
—	1.4 Fail	1.1 Fail	2.1 Fail	3.1 AA Large
1.4 Fail	—	1.2 Fail	1.5 Fail	2.3 Fail
1.1 Fail	1.2 Fail	—	1.9 Fail	2.8 Fail
2.1 Fail	1.5 Fail	1.9 Fail	—	1.5 Fail
3.1 AA Large	2.3 Fail	2.8 Fail	1.5 Fail	—

White BG

1.9Fail

2.6Fail

2.1Fail

4.0AA Large

5.8AA

Black BG

11.3AAA

8.2AAA

10.1AAA

5.3AA

3.6AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

C5C5AD

9D9E98

CFCEA6

99987C

676770

Deuteranopia

C6C8AE

9D9C99

D5DCA5

9FA779

67686F

Tritanopia

CCB1B2

989B9C

F5A2A2

C27472

6A6C6C

Achromatopsia

BEBEBE

9F9F9F

B7B7B7

818181

666666

Shades & Tints Shades & Tints

#CDBBA9

Dark

Light

#97A693

Dark

Light

#FA97AB

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cdbba9;
  --color-2: #97a693;
  --color-3: #fa97ab;
  --color-4: #c75c86;
  --color-5: #6b6175;
}

SCSS

$color-1: #cdbba9;
$color-2: #97a693;
$color-3: #fa97ab;
$color-4: #c75c86;
$color-5: #6b6175;

TAILWIND

colors: {
  'brand-1': '#cdbba9',
  'brand-2': '#97a693',
  'brand-3': '#fa97ab',
  'brand-4': '#c75c86',
  'brand-5': '#6b6175',
}

RGB Array

[205, 187, 169], [151, 166, 147], [250, 151, 171], [199, 92, 134], [107, 97, 117]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #CDBBA9, #97A693, #FA97AB, #C75C86, #6B6175 is ideal for: corporate websites, product showcases, portfolios. 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: #cdbba9; --color-2: #97a693; --color-3: #fa97ab; --color-4: #c75c86; --color-5: #6b6175. 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 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