← Back to Editor

#469784 · #65A199 · #B1D5B1 · #E2D7B7 · #A29A87

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

#469784

Mineral Blue · MediumSeaGreen · Mint Ice

HEX
#469784
RGB
rgb(70, 151, 132)
HSL
hsl(166, 37%, 43%)
HSB
hsb(166, 54%, 59%)
CMYK
cmyk(54%, 0%, 13%, 41%)
Oklch
oklch(62.0% 0.085 175.8)

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

#65A199

Mineral Blue · CadetBlue · Lake Green

HEX
#65A199
RGB
rgb(101, 161, 153)
HSL
hsl(172, 24%, 51%)
HSB
hsb(172, 37%, 63%)
CMYK
cmyk(37%, 0%, 5%, 37%)
Oklch
oklch(66.6% 0.064 185.1)

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

#B1D5B1

Celadon · Silver · Apple Green

HEX
#B1D5B1
RGB
rgb(177, 213, 177)
HSL
hsl(120, 30%, 76%)
HSB
hsb(120, 17%, 84%)
CMYK
cmyk(17%, 0%, 17%, 16%)
Oklch
oklch(83.7% 0.063 145.0)

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

#E2D7B7

Goose Yellow · Wheat · Lemon Cream

HEX
#E2D7B7
RGB
rgb(226, 215, 183)
HSL
hsl(45, 43%, 80%)
HSB
hsb(45, 19%, 89%)
CMYK
cmyk(0%, 5%, 19%, 11%)
Oklch
oklch(88.0% 0.044 91.3)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#A29A87

Ginger · DarkGray · Sunflower

HEX
#A29A87
RGB
rgb(162, 154, 135)
HSL
hsl(42, 13%, 58%)
HSB
hsb(42, 17%, 64%)
CMYK
cmyk(0%, 5%, 17%, 36%)
Oklch
oklch(68.8% 0.029 87.9)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

469784
964558

Analogous

45965B
469784
458196

Triadic

469784
834596
968345

Split-Comp.

469784
964581
965B45

Tetradic

469784
5B4596
964558
819645

Contrast Matrix WCAG 2.1 Contrast

469784
65A199
B1D5B1
E2D7B7
A29A87
—
1.2
Fail
2.2
Fail
2.4
Fail
1.2
Fail
1.2
Fail
—
1.8
Fail
2.1
Fail
1.1
Fail
2.2
Fail
1.8
Fail
—
1.1
Fail
1.7
Fail
2.4
Fail
2.1
Fail
1.1
Fail
—
1.9
Fail
1.2
Fail
1.1
Fail
1.7
Fail
1.9
Fail
—
White BG
3.5AA Large
3.0Fail
1.6Fail
1.4Fail
2.8Fail
Black BG
6.0AA
7.1AAA
13.0AAA
14.6AAA
7.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

696A89
7F809B
C1C1BA
DDDDBF
9F9E8C

Deuteranopia

645E8A
7C779B
BFBCBC
DEDFC1
9FA08D

Tritanopia

4A8C8D
689C9D
B3C1C2
E1C5C6
A28F90

Achromatopsia

7D7D7D
8E8E8E
C6C6C6
D7D7D7
9A9A9A

Shades & Tints Shades & Tints

#469784

Dark
Light

#65A199

Dark
Light

#B1D5B1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #469784;
  --color-2: #65a199;
  --color-3: #b1d5b1;
  --color-4: #e2d7b7;
  --color-5: #a29a87;
}

SCSS

$color-1: #469784;
$color-2: #65a199;
$color-3: #b1d5b1;
$color-4: #e2d7b7;
$color-5: #a29a87;

TAILWIND

colors: {
  'brand-1': '#469784',
  'brand-2': '#65a199',
  'brand-3': '#b1d5b1',
  'brand-4': '#e2d7b7',
  'brand-5': '#a29a87',
}

RGB Array

[70, 151, 132], [101, 161, 153], [177, 213, 177], [226, 215, 183], [162, 154, 135]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #469784, #65A199, #B1D5B1, #E2D7B7, #A29A87 is ideal for: brand design, premium product pages, magazine layouts. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #469784; --color-2: #65a199; --color-3: #b1d5b1; --color-4: #e2d7b7; --color-5: #a29a87. 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. Restrained colors convey professionalism and trust. 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