← Back to Editor

#E5C09D · #A2C29D · #8AB7A5 · #0DA2A5 · #4A7A8A

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

#E5C09D

Apricot · BurlyWood · Peach Orange

HEX
#E5C09D
RGB
rgb(229, 192, 157)
HSL
hsl(29, 58%, 76%)
HSB
hsb(29, 31%, 90%)
CMYK
cmyk(0%, 16%, 31%, 10%)
Oklch
oklch(83.1% 0.063 65.2)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#A2C29D

Celadon · DarkSeaGreen · Apple Green

HEX
#A2C29D
RGB
rgb(162, 194, 157)
HSL
hsl(112, 23%, 69%)
HSB
hsb(112, 19%, 76%)
CMYK
cmyk(16%, 0%, 19%, 24%)
Oklch
oklch(78.0% 0.062 141.3)

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

#8AB7A5

Jade · DarkSeaGreen · Apple Green

HEX
#8AB7A5
RGB
rgb(138, 183, 165)
HSL
hsl(156, 24%, 63%)
HSB
hsb(156, 25%, 72%)
CMYK
cmyk(25%, 0%, 10%, 28%)
Oklch
oklch(74.2% 0.055 168.3)

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

#0DA2A5

Lake Blue · LightSeaGreen · Mint Ice

HEX
#0DA2A5
RGB
rgb(13, 162, 165)
HSL
hsl(181, 85%, 35%)
HSB
hsb(181, 92%, 65%)
CMYK
cmyk(92%, 2%, 0%, 35%)
Oklch
oklch(64.7% 0.108 197.2)

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

#4A7A8A

Slate Blue · SlateGray · Mint Ice

HEX
#4A7A8A
RGB
rgb(74, 122, 138)
HSL
hsl(195, 30%, 42%)
HSB
hsb(195, 46%, 54%)
CMYK
cmyk(46%, 12%, 0%, 46%)
Oklch
oklch(55.2% 0.058 221.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E5C09D
9EC3E5

Analogous

E59E9F
E5C09D
E5E49E

Triadic

E5C09D
9EE5C1
C19EE5

Split-Comp.

E5C09D
9EE5E4
9E9FE5

Tetradic

E5C09D
9FE59E
9EC3E5
E49EE5

Contrast Matrix WCAG 2.1 Contrast

E5C09D
A2C29D
8AB7A5
0DA2A5
4A7A8A
—
1.2
Fail
1.3
Fail
1.8
Fail
2.8
Fail
1.2
Fail
—
1.1
Fail
1.6
Fail
2.4
Fail
1.3
Fail
1.1
Fail
—
1.4
Fail
2.1
Fail
1.8
Fail
1.6
Fail
1.4
Fail
—
1.5
Fail
2.8
Fail
2.4
Fail
2.1
Fail
1.5
Fail
—
White BG
1.7Fail
2.0Fail
2.2Fail
3.1AA Large
4.7AA
Black BG
12.4AAA
10.7AAA
9.4AAA
6.7AA
4.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

D5D5A5
B0B0A6
9D9EA9
4E4FA4
5F5F86

Deuteranopia

D7DAA8
AEACA8
9B98AA
453AA4
5C5885

Tritanopia

E3ACAE
A4ADAF
8CADAE
14A4A4
4C8382

Achromatopsia

C7C7C7
B4B4B4
A7A7A7
767676
6D6D6D

Shades & Tints Shades & Tints

#E5C09D

Dark
Light

#A2C29D

Dark
Light

#8AB7A5

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e5c09d;
  --color-2: #a2c29d;
  --color-3: #8ab7a5;
  --color-4: #0da2a5;
  --color-5: #4a7a8a;
}

SCSS

$color-1: #e5c09d;
$color-2: #a2c29d;
$color-3: #8ab7a5;
$color-4: #0da2a5;
$color-5: #4a7a8a;

TAILWIND

colors: {
  'brand-1': '#e5c09d',
  'brand-2': '#a2c29d',
  'brand-3': '#8ab7a5',
  'brand-4': '#0da2a5',
  'brand-5': '#4a7a8a',
}

RGB Array

[229, 192, 157], [162, 194, 157], [138, 183, 165], [13, 162, 165], [74, 122, 138]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #E5C09D, #A2C29D, #8AB7A5, #0DA2A5, #4A7A8A 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: #e5c09d; --color-2: #a2c29d; --color-3: #8ab7a5; --color-4: #0da2a5; --color-5: #4a7a8a. 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