#D25283 + #CD7F8C + #82C7CC + #CB8A2C + #DFD099 · cool - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#D25283

Dark Violet · LightCoral · Rose Pink

HEX

#D25283

RGB

rgb(210, 82, 131)

HSL

hsl(337, 59%, 57%)

HSB

hsb(337, 61%, 82%)

CMYK

cmyk(0%, 61%, 38%, 18%)

Oklch

oklch(62.0% 0.168 359.4)

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

#CD7F8C

Peach Pink · LightCoral · Coral Red

HEX

#CD7F8C

RGB

rgb(205, 127, 140)

HSL

hsl(350, 44%, 65%)

HSB

hsb(350, 38%, 80%)

CMYK

cmyk(0%, 38%, 32%, 20%)

Oklch

oklch(68.2% 0.098 9.2)

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

#82C7CC

Sky Blue · SkyBlue · Lake Green

HEX

#82C7CC

RGB

rgb(130, 199, 204)

HSL

hsl(184, 42%, 65%)

HSB

hsb(184, 36%, 80%)

CMYK

cmyk(36%, 2%, 0%, 20%)

Oklch

oklch(78.6% 0.070 201.7)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#CB8A2C

Ochre · GoldenRod · Amber Brown

HEX

#CB8A2C

RGB

rgb(203, 138, 44)

HSL

hsl(35, 64%, 48%)

HSB

hsb(35, 78%, 80%)

CMYK

cmyk(0%, 32%, 78%, 20%)

Oklch

oklch(68.3% 0.131 71.4)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#DFD099

Goose Yellow · BurlyWood · Sunflower

HEX

#DFD099

RGB

rgb(223, 208, 153)

HSL

hsl(47, 52%, 74%)

HSB

hsb(47, 31%, 87%)

CMYK

cmyk(0%, 7%, 31%, 13%)

Oklch

oklch(85.7% 0.074 94.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D25283

51D2A0

Analogous

D251C3

D25283

D26051

Triadic

D25283

82D251

5182D2

Split-Comp.

D25283

51D260

51C3D2

Tetradic

D25283

C3D251

51D2A0

6051D2

Contrast Matrix WCAG 2.1 Contrast

D25283	CD7F8C	82C7CC	CB8A2C	DFD099
—	1.3 Fail	2.1 Fail	1.4 Fail	2.6 Fail
1.3 Fail	—	1.6 Fail	1.0 Fail	1.9 Fail
2.1 Fail	1.6 Fail	—	1.5 Fail	1.2 Fail
1.4 Fail	1.0 Fail	1.5 Fail	—	1.9 Fail
2.6 Fail	1.9 Fail	1.2 Fail	1.9 Fail	—

White BG

4.0AA Large

3.0Fail

1.9Fail

2.9Fail

1.5Fail

Black BG

5.3AA

7.0AAA

11.0AAA

7.2AAA

13.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9B9977

ABAB89

A0A0CB

AFAE43

D9D8A6

Deuteranopia

A2AC74

B0B688

9C97CA

B3B848

D9DBAA

Tritanopia

CC6E6C

C98686

85CACA

C85559

DEB1B3

Achromatopsia

7E7E7E

989898

B3B3B3

939393

CECECE

Shades & Tints Shades & Tints

#D25283

Dark

Light

#CD7F8C

Dark

Light

#82C7CC

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d25283;
  --color-2: #cd7f8c;
  --color-3: #82c7cc;
  --color-4: #cb8a2c;
  --color-5: #dfd099;
}

SCSS

$color-1: #d25283;
$color-2: #cd7f8c;
$color-3: #82c7cc;
$color-4: #cb8a2c;
$color-5: #dfd099;

TAILWIND

colors: {
  'brand-1': '#d25283',
  'brand-2': '#cd7f8c',
  'brand-3': '#82c7cc',
  'brand-4': '#cb8a2c',
  'brand-5': '#dfd099',
}

RGB Array

[210, 82, 131], [205, 127, 140], [130, 199, 204], [203, 138, 44], [223, 208, 153]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #D25283, #CD7F8C, #82C7CC, #CB8A2C, #DFD099 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: #d25283; --color-2: #cd7f8c; --color-3: #82c7cc; --color-4: #cb8a2c; --color-5: #dfd099. 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