← Back to Editor

#B5D3BF · #E3BE6E · #EF615E · #762748 · #331E30

cool

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#B5D3BF

Celadon · Silver · Apple Green

HEX
#B5D3BF
RGB
rgb(181, 211, 191)
HSL
hsl(140, 25%, 77%)
HSB
hsb(140, 14%, 83%)
CMYK
cmyk(14%, 0%, 9%, 17%)
Oklch
oklch(83.9% 0.042 156.2)

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

#E3BE6E

Ginger · BurlyWood · Sunflower

HEX
#E3BE6E
RGB
rgb(227, 190, 110)
HSL
hsl(41, 68%, 66%)
HSB
hsb(41, 52%, 89%)
CMYK
cmyk(0%, 16%, 52%, 11%)
Oklch
oklch(81.7% 0.108 85.2)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#EF615E

Peach Pink · Tomato · Coral Red

HEX
#EF615E
RGB
rgb(239, 97, 94)
HSL
hsl(1, 82%, 65%)
HSB
hsb(1, 61%, 94%)
CMYK
cmyk(0%, 59%, 61%, 6%)
Oklch
oklch(67.3% 0.176 24.2)

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

#762748

Dark Violet · Brown · Camellia

HEX
#762748
RGB
rgb(118, 39, 72)
HSL
hsl(335, 50%, 31%)
HSB
hsb(335, 67%, 46%)
CMYK
cmyk(0%, 67%, 39%, 54%)
Oklch
oklch(40.2% 0.115 357.8)

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

#331E30

Rose Purple · DarkSlateGray · Dark Purple

HEX
#331E30
RGB
rgb(51, 30, 48)
HSL
hsl(309, 26%, 16%)
HSB
hsb(309, 41%, 20%)
CMYK
cmyk(0%, 41%, 6%, 80%)
Oklch
oklch(27.0% 0.044 331.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B5D3BF
D3B6C9

Analogous

BBD3B6
B5D3BF
B6D3CE

Triadic

B5D3BF
BFB6D3
D3BFB6

Split-Comp.

B5D3BF
CEB6D3
D3B6BB

Tetradic

B5D3BF
B6BBD3
D3B6C9
D3CEB6

Contrast Matrix WCAG 2.1 Contrast

B5D3BF
E3BE6E
EF615E
762748
331E30
—
1.1
Fail
2.0
Fail
6.1
AA
9.5
AAA
1.1
Fail
—
1.8
Fail
5.5
AA
8.7
AAA
2.0
Fail
1.8
Fail
—
3.0
AA Large
4.8
AA
6.1
AA
5.5
AA
3.0
AA Large
—
1.6
Fail
9.5
AAA
8.7
AAA
4.8
AA
1.6
Fail
—
White BG
1.6Fail
1.8Fail
3.2AA Large
9.7AAA
15.3AAA
Black BG
13.0AAA
11.9AAA
6.5AA
2.2Fail
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C2C2C4
D3D381
B2B05F
545340
2A2A2C

Deuteranopia

C0BEC5
D5D886
BAC45F
585E3E
2B2D2B

Tritanopia

B7C8C9
E19194
E85F5F
723A38
322827

Achromatopsia

C8C8C8
C0C0C0
8B8B8B
424242
262626

Shades & Tints Shades & Tints

#B5D3BF

Dark
Light

#E3BE6E

Dark
Light

#EF615E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b5d3bf;
  --color-2: #e3be6e;
  --color-3: #ef615e;
  --color-4: #762748;
  --color-5: #331e30;
}

SCSS

$color-1: #b5d3bf;
$color-2: #e3be6e;
$color-3: #ef615e;
$color-4: #762748;
$color-5: #331e30;

TAILWIND

colors: {
  'brand-1': '#b5d3bf',
  'brand-2': '#e3be6e',
  'brand-3': '#ef615e',
  'brand-4': '#762748',
  'brand-5': '#331e30',
}

RGB Array

[181, 211, 191], [227, 190, 110], [239, 97, 94], [118, 39, 72], [51, 30, 48]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #B5D3BF, #E3BE6E, #EF615E, #762748, #331E30 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: #b5d3bf; --color-2: #e3be6e; --color-3: #ef615e; --color-4: #762748; --color-5: #331e30. 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