#EC8E44 + #FAD068 + #DBCC83 + #9AC99B + #A7AEA0 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EC8E44

Tangerine · Coral · Warm Sun

HEX

#EC8E44

RGB

rgb(236, 142, 68)

HSL

hsl(26, 82%, 60%)

HSB

hsb(26, 71%, 93%)

CMYK

cmyk(0%, 40%, 71%, 7%)

Oklch

oklch(73.3% 0.144 56.0)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#FAD068

Ginger · Khaki · Sunflower

HEX

#FAD068

RGB

rgb(250, 208, 104)

HSL

hsl(43, 94%, 69%)

HSB

hsb(43, 58%, 98%)

CMYK

cmyk(0%, 17%, 58%, 2%)

Oklch

oklch(87.4% 0.131 87.5)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#DBCC83

Fresh Green · BurlyWood · Sunflower

HEX

#DBCC83

RGB

rgb(219, 204, 131)

HSL

hsl(50, 55%, 69%)

HSB

hsb(50, 40%, 86%)

CMYK

cmyk(0%, 7%, 40%, 14%)

Oklch

oklch(84.1% 0.094 98.0)

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

#9AC99B

Celadon · DarkSeaGreen · Apple Green

HEX

#9AC99B

RGB

rgb(154, 201, 155)

HSL

hsl(121, 30%, 70%)

HSB

hsb(121, 23%, 79%)

CMYK

cmyk(23%, 0%, 23%, 21%)

Oklch

oklch(79.0% 0.081 145.3)

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

#A7AEA0

Celadon · DarkGray · Silver Sand

HEX

#A7AEA0

RGB

rgb(167, 174, 160)

HSL

hsl(90, 8%, 65%)

HSB

hsb(90, 8%, 68%)

CMYK

cmyk(4%, 0%, 8%, 32%)

Oklch

oklch(74.1% 0.021 128.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EC8E44

45A4ED

Analogous

ED4551

EC8E44

EDE145

Triadic

EC8E44

45ED8E

8E45ED

Split-Comp.

EC8E44

45EDE1

4551ED

Tetradic

EC8E44

51ED45

45A4ED

E145ED

Contrast Matrix WCAG 2.1 Contrast

EC8E44	FAD068	DBCC83	9AC99B	A7AEA0
—	1.7 Fail	1.5 Fail	1.3 Fail	1.1 Fail
1.7 Fail	—	1.1 Fail	1.3 Fail	1.6 Fail
1.5 Fail	1.1 Fail	—	1.2 Fail	1.4 Fail
1.3 Fail	1.3 Fail	1.2 Fail	—	1.2 Fail
1.1 Fail	1.6 Fail	1.4 Fail	1.2 Fail	—

White BG

2.5Fail

1.5Fail

1.6Fail

1.9Fail

2.3Fail

Black BG

8.5AAA

14.3AAA

13.0AAA

11.2AAA

9.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C3C256

E8E781

D5D495

AEAFA6

AAAAA3

Deuteranopia

C9D05A

EAED87

D5D699

ACA8A9

AAA9A4

Tritanopia

E76467

F89599

DAA3A6

9CAFB1

A7A6A7

Achromatopsia

A2A2A2

D1D1D1

C8C8C8

B6B6B6

AAAAAA

Shades & Tints Shades & Tints

#EC8E44

Dark

Light

#FAD068

Dark

Light

#DBCC83

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ec8e44;
  --color-2: #fad068;
  --color-3: #dbcc83;
  --color-4: #9ac99b;
  --color-5: #a7aea0;
}

SCSS

$color-1: #ec8e44;
$color-2: #fad068;
$color-3: #dbcc83;
$color-4: #9ac99b;
$color-5: #a7aea0;

TAILWIND

colors: {
  'brand-1': '#ec8e44',
  'brand-2': '#fad068',
  'brand-3': '#dbcc83',
  'brand-4': '#9ac99b',
  'brand-5': '#a7aea0',
}

RGB Array

[236, 142, 68], [250, 208, 104], [219, 204, 131], [154, 201, 155], [167, 174, 160]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EC8E44, #FAD068, #DBCC83, #9AC99B, #A7AEA0 is ideal for: health products, baby brands, fresh-style blogs. 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: #ec8e44; --color-2: #fad068; --color-3: #dbcc83; --color-4: #9ac99b; --color-5: #a7aea0. 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. 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