← Back to Editor

#D8A62A · #C0B04B · #A8B96B · #90C38B · #78CCAC

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

#D8A62A

Ginger · GoldenRod · Sunflower

HEX
#D8A62A
RGB
rgb(216, 166, 42)
HSL
hsl(43, 69%, 51%)
HSB
hsb(43, 81%, 85%)
CMYK
cmyk(0%, 23%, 81%, 15%)
Oklch
oklch(75.2% 0.143 84.7)

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

#C0B04B

Autumn Sage · GoldenRod · Sunflower

HEX
#C0B04B
RGB
rgb(192, 176, 75)
HSL
hsl(52, 48%, 52%)
HSB
hsb(52, 61%, 75%)
CMYK
cmyk(0%, 8%, 61%, 25%)
Oklch
oklch(75.1% 0.123 100.4)

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

#A8B96B

Grass Green · DarkSeaGreen · Olive Green

HEX
#A8B96B
RGB
rgb(168, 185, 107)
HSL
hsl(73, 36%, 57%)
HSB
hsb(73, 42%, 73%)
CMYK
cmyk(9%, 0%, 42%, 27%)
Oklch
oklch(75.5% 0.104 119.0)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#90C38B

Celadon · DarkSeaGreen · Apple Green

HEX
#90C38B
RGB
rgb(144, 195, 139)
HSL
hsl(115, 32%, 65%)
HSB
hsb(115, 29%, 76%)
CMYK
cmyk(26%, 0%, 29%, 24%)
Oklch
oklch(76.7% 0.095 142.4)

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

#78CCAC

Jade · MediumAquaMarine · Apple Green

HEX
#78CCAC
RGB
rgb(120, 204, 172)
HSL
hsl(157, 45%, 64%)
HSB
hsb(157, 41%, 80%)
CMYK
cmyk(41%, 0%, 16%, 20%)
Oklch
oklch(78.3% 0.095 167.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D8A62A
2C5DD8

Analogous

D8512C
D8A62A
B3D82C

Triadic

D8A62A
2CD8A7
A72CD8

Split-Comp.

D8A62A
2CB3D8
512CD8

Tetradic

D8A62A
2CD851
2C5DD8
D82CB3

Contrast Matrix WCAG 2.1 Contrast

D8A62A
C0B04B
A8B96B
90C38B
78CCAC
—
1.0
Fail
1.0
Fail
1.1
Fail
1.2
Fail
1.0
Fail
—
1.0
Fail
1.1
Fail
1.2
Fail
1.0
Fail
1.0
Fail
—
1.1
Fail
1.1
Fail
1.1
Fail
1.1
Fail
1.1
Fail
—
1.1
Fail
1.2
Fail
1.2
Fail
1.1
Fail
1.1
Fail
—
White BG
2.2Fail
2.2Fail
2.1Fail
2.0Fail
1.9Fail
Black BG
9.4AAA
9.6AAA
9.8AAA
10.4AAA
11.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C2C248
B9B963
AFB07E
A6A799
9C9DB4

Deuteranopia

C5C94F
BABB69
AEAD82
A39F9C
9891B6

Tritanopia

D66065
BF777B
A98D90
93A3A6
7CBABB

Achromatopsia

A7A7A7
A9A9A9
ABABAB
ADADAD
AFAFAF

Shades & Tints Shades & Tints

#D8A62A

Dark
Light

#C0B04B

Dark
Light

#A8B96B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d8a62a;
  --color-2: #c0b04b;
  --color-3: #a8b96b;
  --color-4: #90c38b;
  --color-5: #78ccac;
}

SCSS

$color-1: #d8a62a;
$color-2: #c0b04b;
$color-3: #a8b96b;
$color-4: #90c38b;
$color-5: #78ccac;

TAILWIND

colors: {
  'brand-1': '#d8a62a',
  'brand-2': '#c0b04b',
  'brand-3': '#a8b96b',
  'brand-4': '#90c38b',
  'brand-5': '#78ccac',
}

RGB Array

[216, 166, 42], [192, 176, 75], [168, 185, 107], [144, 195, 139], [120, 204, 172]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D8A62A, #C0B04B, #A8B96B, #90C38B, #78CCAC 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: #d8a62a; --color-2: #c0b04b; --color-3: #a8b96b; --color-4: #90c38b; --color-5: #78ccac. 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