← Back to Editor

#74A6A1 · #0ECF95 · #A7CFAE · #F2EEC7 · #FFD5BA

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#74A6A1

Mineral Blue · CadetBlue · Lake Green

HEX
#74A6A1
RGB
rgb(116, 166, 161)
HSL
hsl(174, 22%, 55%)
HSB
hsb(174, 30%, 65%)
CMYK
cmyk(30%, 0%, 3%, 35%)
Oklch
oklch(68.8% 0.054 188.2)

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

#0ECF95

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#0ECF95
RGB
rgb(14, 207, 149)
HSL
hsl(162, 87%, 43%)
HSB
hsb(162, 93%, 81%)
CMYK
cmyk(93%, 0%, 28%, 19%)
Oklch
oklch(75.7% 0.159 164.2)

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

#A7CFAE

Celadon · Silver · Apple Green

HEX
#A7CFAE
RGB
rgb(167, 207, 174)
HSL
hsl(131, 29%, 73%)
HSB
hsb(131, 19%, 81%)
CMYK
cmyk(19%, 0%, 16%, 19%)
Oklch
oklch(81.7% 0.062 150.0)

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

#F2EEC7

Fresh Green · Bisque · Lemon Cream

HEX
#F2EEC7
RGB
rgb(242, 238, 199)
HSL
hsl(54, 62%, 86%)
HSB
hsb(54, 18%, 95%)
CMYK
cmyk(0%, 2%, 18%, 5%)
Oklch
oklch(94.2% 0.051 102.5)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#FFD5BA

Apricot · Wheat · Peach Orange

HEX
#FFD5BA
RGB
rgb(255, 213, 186)
HSL
hsl(23, 100%, 86%)
HSB
hsb(23, 27%, 100%)
CMYK
cmyk(0%, 16%, 27%, 0%)
Oklch
oklch(90.2% 0.059 54.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

74A6A1
A57378

Analogous

73A587
74A6A1
7391A5

Triadic

74A6A1
A073A5
A5A073

Split-Comp.

74A6A1
A57391
A58773

Tetradic

74A6A1
8773A5
A57378
91A573

Contrast Matrix WCAG 2.1 Contrast

74A6A1
0ECF95
A7CFAE
F2EEC7
FFD5BA
—
1.3
Fail
1.6
Fail
2.3
Fail
2.0
Fail
1.3
Fail
—
1.2
Fail
1.7
Fail
1.5
Fail
1.6
Fail
1.2
Fail
—
1.5
Fail
1.3
Fail
2.3
Fail
1.7
Fail
1.5
Fail
—
1.2
Fail
2.0
Fail
1.5
Fail
1.3
Fail
1.2
Fail
—
White BG
2.7Fail
2.0Fail
1.7Fail
1.2Fail
1.4Fail
Black BG
7.7AAA
10.4AAA
12.2AAA
17.8AAA
15.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8A8AA2
6263A3
B8B9B6
F0F0D0
EDECC1

Deuteranopia

8783A3
5648A6
B6B3B8
F1F1D3
EFF2C2

Tritanopia

76A3A3
18AEB1
A9BCBE
F2D8DA
FDC6C7

Achromatopsia

969696
8F8F8F
BFBFBF
EBEBEB
DEDEDE

Shades & Tints Shades & Tints

#74A6A1

Dark
Light

#0ECF95

Dark
Light

#A7CFAE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #74a6a1;
  --color-2: #0ecf95;
  --color-3: #a7cfae;
  --color-4: #f2eec7;
  --color-5: #ffd5ba;
}

SCSS

$color-1: #74a6a1;
$color-2: #0ecf95;
$color-3: #a7cfae;
$color-4: #f2eec7;
$color-5: #ffd5ba;

TAILWIND

colors: {
  'brand-1': '#74a6a1',
  'brand-2': '#0ecf95',
  'brand-3': '#a7cfae',
  'brand-4': '#f2eec7',
  'brand-5': '#ffd5ba',
}

RGB Array

[116, 166, 161], [14, 207, 149], [167, 207, 174], [242, 238, 199], [255, 213, 186]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #74A6A1, #0ECF95, #A7CFAE, #F2EEC7, #FFD5BA is ideal for: health products, baby brands, fresh-style blogs, 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: #74a6a1; --color-2: #0ecf95; --color-3: #a7cfae; --color-4: #f2eec7; --color-5: #ffd5ba. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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