← Back to Editor

#605A7F · #A2B06A · #F8D9DE · #FA909E · #DC596F

cool

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#605A7F

Deep Indigo · DimGray · Navy Blue

HEX
#605A7F
RGB
rgb(96, 90, 127)
HSL
hsl(250, 17%, 43%)
HSB
hsb(250, 29%, 50%)
CMYK
cmyk(24%, 29%, 0%, 50%)
Oklch
oklch(48.8% 0.059 291.5)

Traditional「Deep Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

#A2B06A

Grass Green · DarkSeaGreen · Olive Green

HEX
#A2B06A
RGB
rgb(162, 176, 106)
HSL
hsl(72, 31%, 55%)
HSB
hsb(72, 40%, 69%)
CMYK
cmyk(8%, 0%, 40%, 31%)
Oklch
oklch(73.0% 0.095 118.0)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#F8D9DE

Peach Pink · Linen · Cherry Blossom

HEX
#F8D9DE
RGB
rgb(248, 217, 222)
HSL
hsl(350, 69%, 91%)
HSB
hsb(350, 13%, 97%)
CMYK
cmyk(0%, 13%, 10%, 3%)
Oklch
oklch(91.2% 0.035 6.8)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#FA909E

Peach Pink · LightCoral · Coral Red

HEX
#FA909E
RGB
rgb(250, 144, 158)
HSL
hsl(352, 91%, 77%)
HSB
hsb(352, 42%, 98%)
CMYK
cmyk(0%, 42%, 37%, 2%)
Oklch
oklch(76.9% 0.129 12.1)

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

#DC596F

Peach Pink · LightCoral · Coral Red

HEX
#DC596F
RGB
rgb(220, 89, 111)
HSL
hsl(350, 65%, 61%)
HSB
hsb(350, 60%, 86%)
CMYK
cmyk(0%, 60%, 50%, 14%)
Oklch
oklch(63.8% 0.164 12.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

605A7F
7A805B

Analogous

5B6780
605A7F
745B80

Triadic

605A7F
80615B
5B8061

Split-Comp.

605A7F
80745B
67805B

Tetradic

605A7F
805B67
7A805B
5B8074

Contrast Matrix WCAG 2.1 Contrast

605A7F
A2B06A
F8D9DE
FA909E
DC596F
—
2.7
Fail
4.9
AA
2.9
Fail
1.7
Fail
2.7
Fail
—
1.8
Fail
1.1
Fail
1.6
Fail
4.9
AA
1.8
Fail
—
1.7
Fail
2.8
Fail
2.9
Fail
1.1
Fail
1.7
Fail
—
1.7
Fail
1.7
Fail
1.6
Fail
2.8
Fail
1.7
Fail
—
White BG
6.4AA
2.3Fail
1.3Fail
2.2Fail
3.7AA Large
Black BG
3.3AA Large
9.0AAA
16.0AAA
9.5AAA
5.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5D5D76
A8A87B
EBEADD
CCCB9B
A3A26A

Deuteranopia

5E5E74
A7A67F
ECEFDC
D2DA9A
ABB568

Tritanopia

606F6D
A3888B
F6DCDC
F59897
D56565

Achromatopsia

606060
A4A4A4
E3E3E3
B1B1B1
838383

Shades & Tints Shades & Tints

#605A7F

Dark
Light

#A2B06A

Dark
Light

#F8D9DE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #605a7f;
  --color-2: #a2b06a;
  --color-3: #f8d9de;
  --color-4: #fa909e;
  --color-5: #dc596f;
}

SCSS

$color-1: #605a7f;
$color-2: #a2b06a;
$color-3: #f8d9de;
$color-4: #fa909e;
$color-5: #dc596f;

TAILWIND

colors: {
  'brand-1': '#605a7f',
  'brand-2': '#a2b06a',
  'brand-3': '#f8d9de',
  'brand-4': '#fa909e',
  'brand-5': '#dc596f',
}

RGB Array

[96, 90, 127], [162, 176, 106], [248, 217, 222], [250, 144, 158], [220, 89, 111]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #605A7F, #A2B06A, #F8D9DE, #FA909E, #DC596F 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: #605a7f; --color-2: #a2b06a; --color-3: #f8d9de; --color-4: #fa909e; --color-5: #dc596f. 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