#85AD8B + #EDDFBC + #EEA964 + #E3825F + #D06369 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#85AD8B

Celadon · DarkSeaGreen · Olive Green

HEX

#85AD8B

RGB

rgb(133, 173, 139)

HSL

hsl(129, 20%, 60%)

HSB

hsb(129, 23%, 68%)

CMYK

cmyk(23%, 0%, 20%, 32%)

Oklch

oklch(70.9% 0.066 149.0)

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

#EDDFBC

Goose Yellow · Wheat · Lemon Cream

HEX

#EDDFBC

RGB

rgb(237, 223, 188)

HSL

hsl(43, 58%, 83%)

HSB

hsb(43, 21%, 93%)

CMYK

cmyk(0%, 6%, 21%, 7%)

Oklch

oklch(90.6% 0.049 88.8)

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

#EEA964

Ginger · SandyBrown · Warm Sun

HEX

#EEA964

RGB

rgb(238, 169, 100)

HSL

hsl(30, 80%, 66%)

HSB

hsb(30, 58%, 93%)

CMYK

cmyk(0%, 29%, 58%, 7%)

Oklch

oklch(78.7% 0.118 64.6)

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

#E3825F

Apricot · Salmon · Warm Sun

HEX

#E3825F

RGB

rgb(227, 130, 95)

HSL

hsl(16, 70%, 63%)

HSB

hsb(16, 58%, 89%)

CMYK

cmyk(0%, 43%, 58%, 11%)

Oklch

oklch(70.5% 0.129 40.4)

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

#D06369

Crimson · LightCoral · Passion Red

HEX

#D06369

RGB

rgb(208, 99, 105)

HSL

hsl(357, 54%, 60%)

HSB

hsb(357, 52%, 82%)

CMYK

cmyk(0%, 52%, 50%, 18%)

Oklch

oklch(63.3% 0.138 18.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

85AD8B

AD85A7

Analogous

93AD85

85AD8B

85AD9F

Triadic

85AD8B

8B85AD

AD8B85

Split-Comp.

85AD8B

9F85AD

AD8593

Tetradic

85AD8B

8593AD

AD85A7

AD9F85

Contrast Matrix WCAG 2.1 Contrast

85AD8B	EDDFBC	EEA964	E3825F	D06369
—	1.9 Fail	1.3 Fail	1.1 Fail	1.5 Fail
1.9 Fail	—	1.5 Fail	2.1 Fail	2.8 Fail
1.3 Fail	1.5 Fail	—	1.4 Fail	1.9 Fail
1.1 Fail	2.1 Fail	1.4 Fail	—	1.3 Fail
1.5 Fail	2.8 Fail	1.9 Fail	1.3 Fail	—

White BG

2.5Fail

1.3Fail

2.0Fail

2.8Fail

3.7AA Large

Black BG

8.3AAA

15.9AAA

10.5AAA

7.6AAA

5.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

969793

E7E7C4

D0D075

B9B867

A1A068

Deuteranopia

949195

E8E9C7

D4D979

BFC66A

A7AF67

Tritanopia

879A9B

ECCBCD

EB8285

DE6E70

CB6666

Achromatopsia

9D9D9D

DFDFDF

B6B6B6

9B9B9B

848484

Shades & Tints Shades & Tints

#85AD8B

Dark

Light

#EDDFBC

Dark

Light

#EEA964

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #85ad8b;
  --color-2: #eddfbc;
  --color-3: #eea964;
  --color-4: #e3825f;
  --color-5: #d06369;
}

SCSS

$color-1: #85ad8b;
$color-2: #eddfbc;
$color-3: #eea964;
$color-4: #e3825f;
$color-5: #d06369;

TAILWIND

colors: {
  'brand-1': '#85ad8b',
  'brand-2': '#eddfbc',
  'brand-3': '#eea964',
  'brand-4': '#e3825f',
  'brand-5': '#d06369',
}

RGB Array

[133, 173, 139], [237, 223, 188], [238, 169, 100], [227, 130, 95], [208, 99, 105]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #85AD8B, #EDDFBC, #EEA964, #E3825F, #D06369 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: #85ad8b; --color-2: #eddfbc; --color-3: #eea964; --color-4: #e3825f; --color-5: #d06369. 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