← Back to Editor

#344040 · #732A35 · #D04E4E · #F0BFB1 · #FFF0D4

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

#344040

Slate Blue · DarkSlateGray · Peacock Green

HEX
#344040
RGB
rgb(52, 64, 64)
HSL
hsl(180, 10%, 23%)
HSB
hsb(180, 19%, 25%)
CMYK
cmyk(19%, 0%, 0%, 75%)
Oklch
oklch(36.1% 0.016 196.5)

Traditional「Slate Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#732A35

Crimson · Brown · Wine Red

HEX
#732A35
RGB
rgb(115, 42, 53)
HSL
hsl(351, 46%, 31%)
HSB
hsb(351, 63%, 45%)
CMYK
cmyk(0%, 63%, 54%, 55%)
Oklch
oklch(39.5% 0.103 14.1)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

#D04E4E

Crimson · Tomato · Passion Red

HEX
#D04E4E
RGB
rgb(208, 78, 78)
HSL
hsl(0, 58%, 56%)
HSB
hsb(0, 63%, 82%)
CMYK
cmyk(0%, 63%, 63%, 18%)
Oklch
oklch(59.9% 0.165 23.5)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#F0BFB1

Peach Pink · LightPink · Cherry Blossom

HEX
#F0BFB1
RGB
rgb(240, 191, 177)
HSL
hsl(13, 68%, 82%)
HSB
hsb(13, 26%, 94%)
CMYK
cmyk(0%, 20%, 26%, 6%)
Oklch
oklch(84.4% 0.060 36.5)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#FFF0D4

Goose Yellow · Beige · Peach Orange

HEX
#FFF0D4
RGB
rgb(255, 240, 212)
HSL
hsl(39, 100%, 92%)
HSB
hsb(39, 17%, 100%)
CMYK
cmyk(0%, 6%, 17%, 0%)
Oklch
oklch(96.0% 0.040 83.1)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

344040
413535

Analogous

35413B
344040
353B41

Triadic

344040
413541
414135

Split-Comp.

344040
41353B
413B35

Tetradic

344040
3B3541
413535
3B4135

Contrast Matrix WCAG 2.1 Contrast

344040
732A35
D04E4E
F0BFB1
FFF0D4
—
1.1
Fail
2.5
Fail
6.5
AA
9.6
AAA
1.1
Fail
—
2.3
Fail
6.1
AA
8.8
AAA
2.5
Fail
2.3
Fail
—
2.6
Fail
3.8
AA Large
6.5
AA
6.1
AA
2.6
Fail
—
1.5
Fail
9.6
AAA
8.8
AAA
3.8
AA Large
1.5
Fail
—
White BG
10.8AAA
9.9AAA
4.3AA Large
1.6Fail
1.1Fail
Black BG
2.0Fail
2.1Fail
4.9AA
12.8AAA
18.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

393940
535332
98974E
DBDAB4
F9F8DB

Deuteranopia

393840
585D32
9FA94E
DEE1B5
F9FBDC

Tritanopia

354040
6F3030
CA4E4E
EEB7B8
FEE0E1

Achromatopsia

3C3C3C
414141
757575
CCCCCC
F1F1F1

Shades & Tints Shades & Tints

#344040

Dark
Light

#732A35

Dark
Light

#D04E4E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #344040;
  --color-2: #732a35;
  --color-3: #d04e4e;
  --color-4: #f0bfb1;
  --color-5: #fff0d4;
}

SCSS

$color-1: #344040;
$color-2: #732a35;
$color-3: #d04e4e;
$color-4: #f0bfb1;
$color-5: #fff0d4;

TAILWIND

colors: {
  'brand-1': '#344040',
  'brand-2': '#732a35',
  'brand-3': '#d04e4e',
  'brand-4': '#f0bfb1',
  'brand-5': '#fff0d4',
}

RGB Array

[52, 64, 64], [115, 42, 53], [208, 78, 78], [240, 191, 177], [255, 240, 212]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #344040, #732A35, #D04E4E, #F0BFB1, #FFF0D4 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: #344040; --color-2: #732a35; --color-3: #d04e4e; --color-4: #f0bfb1; --color-5: #fff0d4. 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