← Back to Editor

#585263 · #A895A3 · #54DEA8 · #4AFFC9 · #BFFFE5

warm

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

#585263

Deep Indigo · DimGray · Charcoal

HEX
#585263
RGB
rgb(88, 82, 99)
HSL
hsl(261, 9%, 35%)
HSB
hsb(261, 17%, 39%)
CMYK
cmyk(11%, 17%, 0%, 61%)
Oklch
oklch(45.1% 0.028 301.4)

Traditional「Deep Indigo」· Paint「Charcoal」· Creative Midnight Shadow

#A895A3

Mauve · DarkGray · Lilac Purple

HEX
#A895A3
RGB
rgb(168, 149, 163)
HSL
hsl(316, 10%, 62%)
HSB
hsb(316, 11%, 66%)
CMYK
cmyk(0%, 11%, 3%, 34%)
Oklch
oklch(69.1% 0.030 335.1)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#54DEA8

Mineral Blue · MediumAquaMarine · Olive Green

HEX
#54DEA8
RGB
rgb(84, 222, 168)
HSL
hsl(157, 68%, 60%)
HSB
hsb(157, 62%, 87%)
CMYK
cmyk(62%, 0%, 24%, 13%)
Oklch
oklch(81.1% 0.143 163.8)

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

#4AFFC9

Jade · Turquoise · Lake Green

HEX
#4AFFC9
RGB
rgb(74, 255, 201)
HSL
hsl(162, 100%, 65%)
HSB
hsb(162, 71%, 100%)
CMYK
cmyk(71%, 0%, 21%, 0%)
Oklch
oklch(89.7% 0.163 168.3)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#BFFFE5

Jade · LightBlue · Mint Green

HEX
#BFFFE5
RGB
rgb(191, 255, 229)
HSL
hsl(156, 100%, 87%)
HSB
hsb(156, 25%, 100%)
CMYK
cmyk(25%, 0%, 10%, 0%)
Oklch
oklch(95.0% 0.073 167.8)

Traditional「Jade」· Paint「Mint Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

585263
5C6151

Analogous

515461
585263
5F5161

Triadic

585263
615751
516157

Split-Comp.

585263
615F51
546151

Tetradic

585263
615154
5C6151
51615F

Contrast Matrix WCAG 2.1 Contrast

585263
A895A3
54DEA8
4AFFC9
BFFFE5
—
2.7
Fail
4.4
AA Large
5.9
AA
6.7
AA
2.7
Fail
—
1.7
Fail
2.2
Fail
2.5
Fail
4.4
AA Large
1.7
Fail
—
1.3
Fail
1.5
Fail
5.9
AA
2.2
Fail
1.3
Fail
—
1.1
Fail
6.7
AA
2.5
Fail
1.5
Fail
1.1
Fail
—
White BG
7.5AAA
2.8Fail
1.7Fail
1.3Fail
1.1Fail
Black BG
2.8Fail
7.5AAA
12.4AAA
16.4AAA
18.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

55555F
A0A0A0
9091B5
989AD6
DBDBEB

Deuteranopia

56565E
A1A29F
887DB8
8E80D9
D7D2ED

Tritanopia

585C5B
A79D9C
5BBFC2
53E0E3
C2F0F1

Achromatopsia

565656
9C9C9C
AFAFAF
C3C3C3
E9E9E9

Shades & Tints Shades & Tints

#585263

Dark
Light

#A895A3

Dark
Light

#54DEA8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #585263;
  --color-2: #a895a3;
  --color-3: #54dea8;
  --color-4: #4affc9;
  --color-5: #bfffe5;
}

SCSS

$color-1: #585263;
$color-2: #a895a3;
$color-3: #54dea8;
$color-4: #4affc9;
$color-5: #bfffe5;

TAILWIND

colors: {
  'brand-1': '#585263',
  'brand-2': '#a895a3',
  'brand-3': '#54dea8',
  'brand-4': '#4affc9',
  'brand-5': '#bfffe5',
}

RGB Array

[88, 82, 99], [168, 149, 163], [84, 222, 168], [74, 255, 201], [191, 255, 229]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #585263, #A895A3, #54DEA8, #4AFFC9, #BFFFE5 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: #585263; --color-2: #a895a3; --color-3: #54dea8; --color-4: #4affc9; --color-5: #bfffe5. 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 warm-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