#EB9478 + #C4C95A + #A8C95F + #7DC95F + #5FC97F · space - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#EB9478

Apricot · DarkSalmon · Warm Sun

HEX

#EB9478

RGB

rgb(235, 148, 120)

HSL

hsl(15, 74%, 70%)

HSB

hsb(15, 49%, 92%)

CMYK

cmyk(0%, 37%, 49%, 8%)

Oklch

oklch(74.9% 0.113 38.6)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#C4C95A

Autumn Sage · BurlyWood · Sunflower

HEX

#C4C95A

RGB

rgb(196, 201, 90)

HSL

hsl(63, 51%, 57%)

HSB

hsb(63, 55%, 79%)

CMYK

cmyk(2%, 0%, 55%, 21%)

Oklch

oklch(81.0% 0.135 111.4)

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

#A8C95F

Grass Green · DarkSeaGreen · Olive Green

HEX

#A8C95F

RGB

rgb(168, 201, 95)

HSL

hsl(79, 50%, 58%)

HSB

hsb(79, 53%, 79%)

CMYK

cmyk(16%, 0%, 53%, 21%)

Oklch

oklch(78.9% 0.139 123.9)

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

#7DC95F

Celadon · DarkSeaGreen · Olive Green

HEX

#7DC95F

RGB

rgb(125, 201, 95)

HSL

hsl(103, 50%, 58%)

HSB

hsb(103, 53%, 79%)

CMYK

cmyk(38%, 0%, 53%, 21%)

Oklch

oklch(76.3% 0.160 137.6)

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

#5FC97F

Celadon · MediumSeaGreen · Olive Green

HEX

#5FC97F

RGB

rgb(95, 201, 127)

HSL

hsl(138, 50%, 58%)

HSB

hsb(138, 53%, 79%)

CMYK

cmyk(53%, 0%, 37%, 21%)

Oklch

oklch(75.4% 0.145 151.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EB9478

7ACFEB

Analogous

EB7A96

EB9478

EBCF7A

Triadic

EB9478

7AEB96

967AEB

Split-Comp.

EB9478

7AEBCF

7A96EB

Tetradic

EB9478

96EB7A

7ACFEB

CF7AEB

Contrast Matrix WCAG 2.1 Contrast

EB9478	C4C95A	A8C95F	7DC95F	5FC97F
—	1.3 Fail	1.2 Fail	1.1 Fail	1.1 Fail
1.3 Fail	—	1.1 Fail	1.1 Fail	1.2 Fail
1.2 Fail	1.1 Fail	—	1.1 Fail	1.1 Fail
1.1 Fail	1.1 Fail	1.1 Fail	—	1.0 Fail
1.1 Fail	1.2 Fail	1.1 Fail	1.0 Fail	—

White BG

2.3Fail

1.8Fail

1.9Fail

2.0Fail

2.1Fail

Black BG

9.0AAA

11.8AAA

11.2AAA

10.4AAA

10.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C5C57F

C6C675

B6B779

9E9F79

8D8E91

Deuteranopia

CAD180

C6C67B

B4B27F

9A947F

877F95

Tritanopia

E78485

C48A8F

AA8D91

818D91

649FA2

Achromatopsia

ABABAB

BBBBBB

B3B3B3

A6A6A6

A1A1A1

Shades & Tints Shades & Tints

#EB9478

Dark

Light

#C4C95A

Dark

Light

#A8C95F

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eb9478;
  --color-2: #c4c95a;
  --color-3: #a8c95f;
  --color-4: #7dc95f;
  --color-5: #5fc97f;
}

SCSS

$color-1: #eb9478;
$color-2: #c4c95a;
$color-3: #a8c95f;
$color-4: #7dc95f;
$color-5: #5fc97f;

TAILWIND

colors: {
  'brand-1': '#eb9478',
  'brand-2': '#c4c95a',
  'brand-3': '#a8c95f',
  'brand-4': '#7dc95f',
  'brand-5': '#5fc97f',
}

RGB Array

[235, 148, 120], [196, 201, 90], [168, 201, 95], [125, 201, 95], [95, 201, 127]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #EB9478, #C4C95A, #A8C95F, #7DC95F, #5FC97F 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: #eb9478; --color-2: #c4c95a; --color-3: #a8c95f; --color-4: #7dc95f; --color-5: #5fc97f. 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 space-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