← Back to Editor

#EDF0EF · #15F2C3 · #46989E · #764B70 · #2B1D29

A 5-color palette 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

#EDF0EF

Jade · Linen · Cloud White

HEX
#EDF0EF
RGB
rgb(237, 240, 239)
HSL
hsl(160, 9%, 94%)
HSB
hsb(160, 1%, 94%)
CMYK
cmyk(1%, 0%, 0%, 6%)
Oklch
oklch(95.3% 0.003 174.5)

Traditional「Jade」· Paint「Cloud White」· Creative Morning Mist

#15F2C3

Mineral Blue · DarkTurquoise · Lake Green

HEX
#15F2C3
RGB
rgb(21, 242, 195)
HSL
hsl(167, 89%, 52%)
HSB
hsb(167, 91%, 95%)
CMYK
cmyk(91%, 0%, 19%, 5%)
Oklch
oklch(85.7% 0.165 171.7)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#46989E

Slate Blue · CadetBlue · Mint Ice

HEX
#46989E
RGB
rgb(70, 152, 158)
HSL
hsl(184, 39%, 45%)
HSB
hsb(184, 56%, 62%)
CMYK
cmyk(56%, 4%, 0%, 38%)
Oklch
oklch(63.1% 0.080 201.8)

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

#764B70

Rose Purple · DimGray · Eggplant

HEX
#764B70
RGB
rgb(118, 75, 112)
HSL
hsl(308, 22%, 38%)
HSB
hsb(308, 36%, 46%)
CMYK
cmyk(0%, 36%, 5%, 54%)
Oklch
oklch(47.5% 0.079 331.8)

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

#2B1D29

Rose Purple · DarkSlateGray · Dark Purple

HEX
#2B1D29
RGB
rgb(43, 29, 41)
HSL
hsl(309, 19%, 14%)
HSB
hsb(309, 33%, 17%)
CMYK
cmyk(0%, 33%, 5%, 83%)
Oklch
oklch(25.3% 0.030 331.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EDF0EF
F1EEEF

Analogous

EEF1EF
EDF0EF
EEF1F1

Triadic

EDF0EF
F0EEF1
F1F0EE

Split-Comp.

EDF0EF
F1EEF1
F1EFEE

Tetradic

EDF0EF
EFEEF1
F1EEEF
F1F1EE

Contrast Matrix WCAG 2.1 Contrast

EDF0EF
15F2C3
46989E
764B70
2B1D29
—
1.3
Fail
2.9
Fail
6.1
AA
14.0
AAA
1.3
Fail
—
2.3
Fail
4.8
AA
11.1
AAA
2.9
Fail
2.3
Fail
—
2.1
Fail
4.8
AA
6.1
AA
4.8
AA
2.1
Fail
—
2.3
Fail
14.0
AAA
11.1
AAA
4.8
AA
2.3
Fail
—
White BG
1.1Fail
1.4Fail
3.4AA Large
7.0AA
16.0AAA
Black BG
18.3AAA
14.5AAA
6.2AA
3.0AA Large
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

EEEEEF
7577CE
6A6A9D
636367
252526

Deuteranopia

EEEEEF
6857D1
655F9C
666965
262725

Tritanopia

EDEFEF
20D7D9
4A9B9B
74605E
2A2423

Achromatopsia

EFEFEF
ABABAB
808080
5C5C5C
232323

Shades & Tints Shades & Tints

#EDF0EF

Dark
Light

#15F2C3

Dark
Light

#46989E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #edf0ef;
  --color-2: #15f2c3;
  --color-3: #46989e;
  --color-4: #764b70;
  --color-5: #2b1d29;
}

SCSS

$color-1: #edf0ef;
$color-2: #15f2c3;
$color-3: #46989e;
$color-4: #764b70;
$color-5: #2b1d29;

TAILWIND

colors: {
  'brand-1': '#edf0ef',
  'brand-2': '#15f2c3',
  'brand-3': '#46989e',
  'brand-4': '#764b70',
  'brand-5': '#2b1d29',
}

RGB Array

[237, 240, 239], [21, 242, 195], [70, 152, 158], [118, 75, 112], [43, 29, 41]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EDF0EF, #15F2C3, #46989E, #764B70, #2B1D29 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: #edf0ef; --color-2: #15f2c3; --color-3: #46989e; --color-4: #764b70; --color-5: #2b1d29. 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 general-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