← Back to Editor

#00A19A · #D3AD96 · #F28E72 · #A09F81 · #4994B6

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 Library

Color Details Color Details

#00A19A

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#00A19A
RGB
rgb(0, 161, 154)
HSL
hsl(177, 100%, 32%)
HSB
hsb(177, 100%, 63%)
CMYK
cmyk(100%, 0%, 4%, 37%)
Oklch
oklch(63.9% 0.111 189.3)

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

#D3AD96

Apricot · Tan · Warm Sun

HEX
#D3AD96
RGB
rgb(211, 173, 150)
HSL
hsl(23, 41%, 71%)
HSB
hsb(23, 29%, 83%)
CMYK
cmyk(0%, 18%, 29%, 17%)
Oklch
oklch(77.6% 0.055 52.8)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#F28E72

Peach Pink · DarkSalmon · Coral Red

HEX
#F28E72
RGB
rgb(242, 142, 114)
HSL
hsl(13, 83%, 70%)
HSB
hsb(13, 53%, 95%)
CMYK
cmyk(0%, 41%, 53%, 5%)
Oklch
oklch(74.7% 0.128 36.5)

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

#A09F81

Autumn Sage · DarkSeaGreen · Sunflower

HEX
#A09F81
RGB
rgb(160, 159, 129)
HSL
hsl(58, 14%, 57%)
HSB
hsb(58, 19%, 63%)
CMYK
cmyk(0%, 1%, 19%, 37%)
Oklch
oklch(69.5% 0.042 105.9)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#4994B6

Slate Blue · SteelBlue · Mint Ice

HEX
#4994B6
RGB
rgb(73, 148, 182)
HSL
hsl(199, 43%, 50%)
HSB
hsb(199, 60%, 71%)
CMYK
cmyk(60%, 19%, 0%, 29%)
Oklch
oklch(63.3% 0.090 230.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

00A19A
A30008

Analogous

00A349
00A19A
005AA3

Triadic

00A19A
9B00A3
A39B00

Split-Comp.

00A19A
A3005A
A34900

Tetradic

00A19A
4900A3
A30008
5AA300

Contrast Matrix WCAG 2.1 Contrast

00A19A
D3AD96
F28E72
A09F81
4994B6
—
1.6
Fail
1.4
Fail
1.2
Fail
1.1
Fail
1.6
Fail
—
1.1
Fail
1.3
Fail
1.6
Fail
1.4
Fail
1.1
Fail
—
1.1
Fail
1.4
Fail
1.2
Fail
1.3
Fail
1.1
Fail
—
1.3
Fail
1.1
Fail
1.6
Fail
1.4
Fail
1.3
Fail
—
White BG
3.2AA Large
2.1Fail
2.4Fail
2.7Fail
3.4AA Large
Black BG
6.6AA
10.2AAA
8.9AAA
7.8AAA
6.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

46479C
C3C29C
C7C679
A0A088
696AAE

Deuteranopia

3C309C
C5C89D
CDD47A
A0A08A
6560AC

Tritanopia

089D9D
D1A0A1
ED7E7F
A08E8F
4DA7A6

Achromatopsia

707070
B6B6B6
A9A9A9
9C9C9C
818181

Shades & Tints Shades & Tints

#00A19A

Dark
Light

#D3AD96

Dark
Light

#F28E72

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #00a19a;
  --color-2: #d3ad96;
  --color-3: #f28e72;
  --color-4: #a09f81;
  --color-5: #4994b6;
}

SCSS

$color-1: #00a19a;
$color-2: #d3ad96;
$color-3: #f28e72;
$color-4: #a09f81;
$color-5: #4994b6;

TAILWIND

colors: {
  'brand-1': '#00a19a',
  'brand-2': '#d3ad96',
  'brand-3': '#f28e72',
  'brand-4': '#a09f81',
  'brand-5': '#4994b6',
}

RGB Array

[0, 161, 154], [211, 173, 150], [242, 142, 114], [160, 159, 129], [73, 148, 182]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #00A19A, #D3AD96, #F28E72, #A09F81, #4994B6 is ideal for: corporate websites, product showcases, portfolios. 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: #00a19a; --color-2: #d3ad96; --color-3: #f28e72; --color-4: #a09f81; --color-5: #4994b6. 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. 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