← Back to Editor

#4F3972 · #AE6598 · #F6F1D1 · #51AD8F · #93C57D

cool

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#4F3972

Deep Indigo · DarkSlateBlue · Eggplant

HEX
#4F3972
RGB
rgb(79, 57, 114)
HSL
hsl(263, 33%, 34%)
HSB
hsb(263, 50%, 45%)
CMYK
cmyk(31%, 50%, 0%, 55%)
Oklch
oklch(39.7% 0.095 299.9)

Traditional「Deep Indigo」· Paint「Eggplant」· Creative Blush Sunrise

#AE6598

Rose Purple · Gray · Violet

HEX
#AE6598
RGB
rgb(174, 101, 152)
HSL
hsl(318, 31%, 54%)
HSB
hsb(318, 42%, 68%)
CMYK
cmyk(0%, 42%, 13%, 32%)
Oklch
oklch(60.5% 0.114 339.2)

Traditional「Rose Purple」· Paint「Violet」· Creative Blush Sunrise

#F6F1D1

Fresh Green · Beige · Lemon Cream

HEX
#F6F1D1
RGB
rgb(246, 241, 209)
HSL
hsl(52, 67%, 89%)
HSB
hsb(52, 15%, 96%)
CMYK
cmyk(0%, 2%, 15%, 4%)
Oklch
oklch(95.4% 0.042 99.8)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#51AD8F

Mineral Blue · CadetBlue · Mint Ice

HEX
#51AD8F
RGB
rgb(81, 173, 143)
HSL
hsl(160, 36%, 50%)
HSB
hsb(160, 53%, 68%)
CMYK
cmyk(53%, 0%, 17%, 32%)
Oklch
oklch(68.3% 0.099 169.4)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#93C57D

Celadon · DarkSeaGreen · Apple Green

HEX
#93C57D
RGB
rgb(147, 197, 125)
HSL
hsl(102, 38%, 63%)
HSB
hsb(102, 37%, 77%)
CMYK
cmyk(25%, 0%, 37%, 23%)
Oklch
oklch(77.0% 0.112 136.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4F3972
5D733A

Analogous

3A4173
4F3972
6D3A73

Triadic

4F3972
73503A
3A7350

Split-Comp.

4F3972
736D3A
41733A

Tetradic

4F3972
733A41
5D733A
3A736D

Contrast Matrix WCAG 2.1 Contrast

4F3972
AE6598
F6F1D1
51AD8F
93C57D
—
2.4
Fail
8.5
AAA
3.6
AA Large
4.9
AA
2.4
Fail
—
3.6
AA Large
1.5
Fail
2.1
Fail
8.5
AAA
3.6
AA Large
—
2.4
Fail
1.8
Fail
3.6
AA Large
1.5
Fail
2.4
Fail
—
1.4
Fail
4.9
AA
2.1
Fail
1.8
Fail
1.4
Fail
—
White BG
9.7AAA
4.1AA Large
1.1Fail
2.7Fail
2.0Fail
Black BG
2.2Fail
5.1AA
18.4AAA
7.7AAA
10.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

454564
8E8E8C
F4F4D9
797A96
A9A98E

Deuteranopia

474861
939889
F4F5DB
746D98
A6A293

Tritanopia

4E5957
AA8280
F6DFE0
569C9D
969C9F

Achromatopsia

464646
818181
EFEFEF
8E8E8E
AEAEAE

Shades & Tints Shades & Tints

#4F3972

Dark
Light

#AE6598

Dark
Light

#F6F1D1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4f3972;
  --color-2: #ae6598;
  --color-3: #f6f1d1;
  --color-4: #51ad8f;
  --color-5: #93c57d;
}

SCSS

$color-1: #4f3972;
$color-2: #ae6598;
$color-3: #f6f1d1;
$color-4: #51ad8f;
$color-5: #93c57d;

TAILWIND

colors: {
  'brand-1': '#4f3972',
  'brand-2': '#ae6598',
  'brand-3': '#f6f1d1',
  'brand-4': '#51ad8f',
  'brand-5': '#93c57d',
}

RGB Array

[79, 57, 114], [174, 101, 152], [246, 241, 209], [81, 173, 143], [147, 197, 125]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #4F3972, #AE6598, #F6F1D1, #51AD8F, #93C57D is ideal for: 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: #4f3972; --color-2: #ae6598; --color-3: #f6f1d1; --color-4: #51ad8f; --color-5: #93c57d. 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. 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