← Back to Editor

#C03262 · #FF397A · #C68B79 · #CBB9A3 · #E8E4E5

cool

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#C03262

Dark Violet · MediumVioletRed · Camellia

HEX
#C03262
RGB
rgb(192, 50, 98)
HSL
hsl(340, 59%, 47%)
HSB
hsb(340, 74%, 75%)
CMYK
cmyk(0%, 74%, 49%, 25%)
Oklch
oklch(54.7% 0.180 5.3)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#FF397A

Rouge · DeepPink · Rose Pink

HEX
#FF397A
RGB
rgb(255, 57, 122)
HSL
hsl(340, 100%, 61%)
HSB
hsb(340, 78%, 100%)
CMYK
cmyk(0%, 78%, 52%, 0%)
Oklch
oklch(66.5% 0.233 7.4)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#C68B79

Peach Pink · DarkSalmon · Coral Red

HEX
#C68B79
RGB
rgb(198, 139, 121)
HSL
hsl(14, 40%, 63%)
HSB
hsb(14, 39%, 78%)
CMYK
cmyk(0%, 30%, 39%, 22%)
Oklch
oklch(69.1% 0.077 37.7)

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

#CBB9A3

Goose Yellow · Tan · Warm Sun

HEX
#CBB9A3
RGB
rgb(203, 185, 163)
HSL
hsl(33, 28%, 72%)
HSB
hsb(33, 20%, 80%)
CMYK
cmyk(0%, 9%, 20%, 20%)
Oklch
oklch(79.5% 0.037 72.8)

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

#E8E4E5

Peach Pink · Lavender · Cloud White

HEX
#E8E4E5
RGB
rgb(232, 228, 229)
HSL
hsl(345, 8%, 90%)
HSB
hsb(345, 2%, 91%)
CMYK
cmyk(0%, 2%, 1%, 9%)
Oklch
oklch(92.2% 0.005 0.0)

Traditional「Peach Pink」· Paint「Cloud White」· Creative Silver Lining

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C03262
31BF8F

Analogous

BF31A7
C03262
BF4931

Triadic

C03262
60BF31
3160BF

Split-Comp.

C03262
31BF49
31A7BF

Tetradic

C03262
A7BF31
31BF8F
4931BF

Contrast Matrix WCAG 2.1 Contrast

C03262
FF397A
C68B79
CBB9A3
E8E4E5
—
1.6
Fail
1.9
Fail
2.8
Fail
4.3
AA Large
1.6
Fail
—
1.2
Fail
1.8
Fail
2.7
Fail
1.9
Fail
1.2
Fail
—
1.5
Fail
2.3
Fail
2.8
Fail
1.8
Fail
1.5
Fail
—
1.5
Fail
4.3
AA Large
2.7
Fail
2.3
Fail
1.5
Fail
—
White BG
5.4AA
3.4AA Large
2.8Fail
1.9Fail
1.3Fail
Black BG
3.9AA Large
6.1AA
7.4AAA
11.0AAA
16.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

838156
A9A76A
ACAC7D
C3C3A8
E6E6E5

Deuteranopia

8B9554
B5C466
B0B47E
C4C6AA
E7E7E5

Tritanopia

B94D4B
F55E5B
C38182
CAADAD
E8E5E5

Achromatopsia

626262
7C7C7C
9B9B9B
BCBCBC
E5E5E5

Shades & Tints Shades & Tints

#C03262

Dark
Light

#FF397A

Dark
Light

#C68B79

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c03262;
  --color-2: #ff397a;
  --color-3: #c68b79;
  --color-4: #cbb9a3;
  --color-5: #e8e4e5;
}

SCSS

$color-1: #c03262;
$color-2: #ff397a;
$color-3: #c68b79;
$color-4: #cbb9a3;
$color-5: #e8e4e5;

TAILWIND

colors: {
  'brand-1': '#c03262',
  'brand-2': '#ff397a',
  'brand-3': '#c68b79',
  'brand-4': '#cbb9a3',
  'brand-5': '#e8e4e5',
}

RGB Array

[192, 50, 98], [255, 57, 122], [198, 139, 121], [203, 185, 163], [232, 228, 229]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #C03262, #FF397A, #C68B79, #CBB9A3, #E8E4E5 is ideal for: health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #c03262; --color-2: #ff397a; --color-3: #c68b79; --color-4: #cbb9a3; --color-5: #e8e4e5. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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