← Back to Editor

#927763 · #89CBC9 · #A697A2 · #E0DD6C · #F2F2E6

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

#927763

Tangerine · Gray · Amber Brown

HEX
#927763
RGB
rgb(146, 119, 99)
HSL
hsl(26, 19%, 48%)
HSB
hsb(26, 32%, 57%)
CMYK
cmyk(0%, 18%, 32%, 43%)
Oklch
oklch(59.0% 0.045 58.3)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#89CBC9

Jade · SkyBlue · Lake Green

HEX
#89CBC9
RGB
rgb(137, 203, 201)
HSL
hsl(178, 39%, 67%)
HSB
hsb(178, 33%, 80%)
CMYK
cmyk(33%, 0%, 1%, 20%)
Oklch
oklch(79.7% 0.067 193.5)

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

#A697A2

Mauve · DarkGray · Silver Sand

HEX
#A697A2
RGB
rgb(166, 151, 162)
HSL
hsl(316, 8%, 62%)
HSB
hsb(316, 9%, 65%)
CMYK
cmyk(0%, 9%, 2%, 35%)
Oklch
oklch(69.3% 0.023 335.1)

Traditional「Mauve」· Paint「Silver Sand」· Creative Urban Concrete

#E0DD6C

Fresh Green · Khaki · Sunflower

HEX
#E0DD6C
RGB
rgb(224, 221, 108)
HSL
hsl(58, 65%, 65%)
HSB
hsb(58, 52%, 88%)
CMYK
cmyk(0%, 1%, 52%, 12%)
Oklch
oklch(87.7% 0.136 107.5)

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

#F2F2E6

Fresh Green · Linen · Lemon Cream

HEX
#F2F2E6
RGB
rgb(242, 242, 230)
HSL
hsl(60, 32%, 93%)
HSB
hsb(60, 5%, 95%)
CMYK
cmyk(0%, 0%, 5%, 5%)
Oklch
oklch(95.8% 0.016 106.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

927763
637E92

Analogous

926366
927763
928F63

Triadic

927763
639277
776392

Split-Comp.

927763
63928F
636692

Tetradic

927763
669263
637E92
8F6392

Contrast Matrix WCAG 2.1 Contrast

927763
89CBC9
A697A2
E0DD6C
F2F2E6
—
2.3
Fail
1.5
Fail
2.9
Fail
3.7
AA Large
2.3
Fail
—
1.5
Fail
1.3
Fail
1.6
Fail
1.5
Fail
1.5
Fail
—
1.9
Fail
2.5
Fail
2.9
Fail
1.3
Fail
1.9
Fail
—
1.3
Fail
3.7
AA Large
1.6
Fail
2.5
Fail
1.3
Fail
—
White BG
4.2AA Large
1.8Fail
2.8Fail
1.4Fail
1.1Fail
Black BG
5.0AA
11.4AAA
7.6AAA
14.7AAA
18.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

868668
A6A6C9
A09F9F
DFDF87
F2F2E9

Deuteranopia

888A69
A29DCA
A0A29F
DFDF8E
F2F2EA

Tritanopia

916C6D
8CCACA
A59D9D
E09DA2
F2EBEC

Achromatopsia

7D7D7D
B7B7B7
9D9D9D
D1D1D1
F1F1F1

Shades & Tints Shades & Tints

#927763

Dark
Light

#89CBC9

Dark
Light

#A697A2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #927763;
  --color-2: #89cbc9;
  --color-3: #a697a2;
  --color-4: #e0dd6c;
  --color-5: #f2f2e6;
}

SCSS

$color-1: #927763;
$color-2: #89cbc9;
$color-3: #a697a2;
$color-4: #e0dd6c;
$color-5: #f2f2e6;

TAILWIND

colors: {
  'brand-1': '#927763',
  'brand-2': '#89cbc9',
  'brand-3': '#a697a2',
  'brand-4': '#e0dd6c',
  'brand-5': '#f2f2e6',
}

RGB Array

[146, 119, 99], [137, 203, 201], [166, 151, 162], [224, 221, 108], [242, 242, 230]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #927763, #89CBC9, #A697A2, #E0DD6C, #F2F2E6 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: #927763; --color-2: #89cbc9; --color-3: #a697a2; --color-4: #e0dd6c; --color-5: #f2f2e6. 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