← Back to Editor

#FAE2A8 · #89B489 · #917A4E · #616243 · #CD6D50

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#FAE2A8

Goose Yellow · Wheat · Lemon Cream

HEX
#FAE2A8
RGB
rgb(250, 226, 168)
HSL
hsl(42, 89%, 82%)
HSB
hsb(42, 33%, 98%)
CMYK
cmyk(0%, 10%, 33%, 2%)
Oklch
oklch(91.9% 0.079 88.1)

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

#89B489

Celadon · DarkSeaGreen · Apple Green

HEX
#89B489
RGB
rgb(137, 180, 137)
HSL
hsl(120, 22%, 62%)
HSB
hsb(120, 24%, 71%)
CMYK
cmyk(24%, 0%, 24%, 29%)
Oklch
oklch(72.7% 0.077 144.7)

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

#917A4E

Ochre · DimGray · Amber Brown

HEX
#917A4E
RGB
rgb(145, 122, 78)
HSL
hsl(39, 30%, 44%)
HSB
hsb(39, 46%, 57%)
CMYK
cmyk(0%, 16%, 46%, 43%)
Oklch
oklch(59.1% 0.067 82.9)

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

#616243

Autumn Sage · DarkOliveGreen · Honey Gold

HEX
#616243
RGB
rgb(97, 98, 67)
HSL
hsl(62, 19%, 32%)
HSB
hsb(62, 32%, 38%)
CMYK
cmyk(1%, 0%, 32%, 62%)
Oklch
oklch(48.7% 0.047 109.6)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#CD6D50

Crimson · Chocolate · Passion Red

HEX
#CD6D50
RGB
rgb(205, 109, 80)
HSL
hsl(14, 56%, 56%)
HSB
hsb(14, 61%, 80%)
CMYK
cmyk(0%, 47%, 61%, 20%)
Oklch
oklch(63.9% 0.129 37.6)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FAE2A8
A8C1FA

Analogous

FAB9A8
FAE2A8
EAFAA8

Triadic

FAE2A8
A8FAE1
E1A8FA

Split-Comp.

FAE2A8
A8EAFA
B9A8FA

Tetradic

FAE2A8
A8FAB9
A8C1FA
FAA8EA

Contrast Matrix WCAG 2.1 Contrast

FAE2A8
89B489
917A4E
616243
CD6D50
—
1.8
Fail
3.2
AA Large
4.9
AA
2.8
Fail
1.8
Fail
—
1.8
Fail
2.7
Fail
1.5
Fail
3.2
AA Large
1.8
Fail
—
1.5
Fail
1.2
Fail
4.9
AA
2.7
Fail
1.5
Fail
—
1.8
Fail
2.8
Fail
1.5
Fail
1.2
Fail
1.8
Fail
—
White BG
1.3Fail
2.3Fail
4.1AA Large
6.3AA
3.6AA Large
Black BG
16.5AAA
9.0AAA
5.1AA
3.3AA Large
5.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F0EFB6
9C9C93
878759
61614B
A3A357

Deuteranopia

F1F3B9
999696
888A5B
61614C
A9B059

Tritanopia

F9C1C4
8B9C9D
906163
615052
C85D5E

Achromatopsia

E3E3E3
A2A2A2
7C7C7C
5E5E5E
868686

Shades & Tints Shades & Tints

#FAE2A8

Dark
Light

#89B489

Dark
Light

#917A4E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fae2a8;
  --color-2: #89b489;
  --color-3: #917a4e;
  --color-4: #616243;
  --color-5: #cd6d50;
}

SCSS

$color-1: #fae2a8;
$color-2: #89b489;
$color-3: #917a4e;
$color-4: #616243;
$color-5: #cd6d50;

TAILWIND

colors: {
  'brand-1': '#fae2a8',
  'brand-2': '#89b489',
  'brand-3': '#917a4e',
  'brand-4': '#616243',
  'brand-5': '#cd6d50',
}

RGB Array

[250, 226, 168], [137, 180, 137], [145, 122, 78], [97, 98, 67], [205, 109, 80]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FAE2A8, #89B489, #917A4E, #616243, #CD6D50 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: #fae2a8; --color-2: #89b489; --color-3: #917a4e; --color-4: #616243; --color-5: #cd6d50. 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 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