#907361 + #DD8673 + #E89B7D + #EECE9D + #D5EBC5 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#907361

Tangerine · Gray · Amber Brown

HEX

#907361

RGB

rgb(144, 115, 97)

HSL

hsl(23, 20%, 47%)

HSB

hsb(23, 33%, 56%)

CMYK

cmyk(0%, 20%, 33%, 44%)

Oklch

oklch(57.9% 0.045 53.4)

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

#DD8673

Peach Pink · DarkSalmon · Coral Red

HEX

#DD8673

RGB

rgb(221, 134, 115)

HSL

hsl(11, 61%, 66%)

HSB

hsb(11, 48%, 87%)

CMYK

cmyk(0%, 39%, 48%, 13%)

Oklch

oklch(70.7% 0.111 33.1)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#E89B7D

Apricot · DarkSalmon · Warm Sun

HEX

#E89B7D

RGB

rgb(232, 155, 125)

HSL

hsl(17, 70%, 70%)

HSB

hsb(17, 46%, 91%)

CMYK

cmyk(0%, 33%, 46%, 9%)

Oklch

oklch(75.9% 0.102 42.1)

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

#EECE9D

Goose Yellow · Wheat · Peach Orange

HEX

#EECE9D

RGB

rgb(238, 206, 157)

HSL

hsl(36, 70%, 77%)

HSB

hsb(36, 34%, 93%)

CMYK

cmyk(0%, 13%, 34%, 7%)

Oklch

oklch(86.7% 0.073 78.1)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#D5EBC5

Celadon · LightGray · Mint Green

HEX

#D5EBC5

RGB

rgb(213, 235, 197)

HSL

hsl(95, 49%, 85%)

HSB

hsb(95, 16%, 92%)

CMYK

cmyk(9%, 0%, 16%, 8%)

Oklch

oklch(91.4% 0.056 132.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

907361

607D90

Analogous

906065

907361

908A60

Triadic

907361

609072

726090

Split-Comp.

907361

60908A

606590

Tetradic

907361

659060

607D90

8A6090

Contrast Matrix WCAG 2.1 Contrast

907361	DD8673	E89B7D	EECE9D	D5EBC5
—	1.6 Fail	2.0 Fail	2.9 Fail	3.4 AA Large
1.6 Fail	—	1.2 Fail	1.8 Fail	2.1 Fail
2.0 Fail	1.2 Fail	—	1.5 Fail	1.8 Fail
2.9 Fail	1.8 Fail	1.5 Fail	—	1.2 Fail
3.4 AA Large	2.1 Fail	1.8 Fail	1.2 Fail	—

White BG

4.4AA Large

2.7Fail

2.2Fail

1.5Fail

1.3Fail

Black BG

4.8AA

7.7AAA

9.4AAA

14.0AAA

16.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

838365

B7B778

C7C684

E0E0A9

DFDFCE

Deuteranopia

858766

BCC379

CBD186

E2E4AC

DDDCD0

Tritanopia

8F696A

D97B7C

E48A8B

ECB2B4

D6D5D7

Achromatopsia

7A7A7A

9E9E9E

AFAFAF

D2D2D2

E0E0E0

Shades & Tints Shades & Tints

#907361

Dark

Light

#DD8673

Dark

Light

#E89B7D

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #907361;
  --color-2: #dd8673;
  --color-3: #e89b7d;
  --color-4: #eece9d;
  --color-5: #d5ebc5;
}

SCSS

$color-1: #907361;
$color-2: #dd8673;
$color-3: #e89b7d;
$color-4: #eece9d;
$color-5: #d5ebc5;

TAILWIND

colors: {
  'brand-1': '#907361',
  'brand-2': '#dd8673',
  'brand-3': '#e89b7d',
  'brand-4': '#eece9d',
  'brand-5': '#d5ebc5',
}

RGB Array

[144, 115, 97], [221, 134, 115], [232, 155, 125], [238, 206, 157], [213, 235, 197]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #907361, #DD8673, #E89B7D, #EECE9D, #D5EBC5 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: #907361; --color-2: #dd8673; --color-3: #e89b7d; --color-4: #eece9d; --color-5: #d5ebc5. 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