#F09476 + #DEA795 + #DECC95 + #D0E09D + #AEBD7D - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#F09476

Apricot · DarkSalmon · Warm Sun

HEX

#F09476

RGB

rgb(240, 148, 118)

HSL

hsl(15, 80%, 70%)

HSB

hsb(15, 51%, 94%)

CMYK

cmyk(0%, 38%, 51%, 6%)

Oklch

oklch(75.5% 0.119 38.8)

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

#DEA795

Apricot · Tan · Warm Sun

HEX

#DEA795

RGB

rgb(222, 167, 149)

HSL

hsl(15, 53%, 73%)

HSB

hsb(15, 33%, 87%)

CMYK

cmyk(0%, 25%, 33%, 13%)

Oklch

oklch(77.5% 0.070 38.9)

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

#DECC95

Goose Yellow · BurlyWood · Sunflower

HEX

#DECC95

RGB

rgb(222, 204, 149)

HSL

hsl(45, 53%, 73%)

HSB

hsb(45, 33%, 87%)

CMYK

cmyk(0%, 8%, 33%, 13%)

Oklch

oklch(84.7% 0.074 92.1)

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

#D0E09D

Willow Green · Khaki · Apple Green

HEX

#D0E09D

RGB

rgb(208, 224, 157)

HSL

hsl(74, 52%, 75%)

HSB

hsb(74, 30%, 88%)

CMYK

cmyk(7%, 0%, 30%, 12%)

Oklch

oklch(87.9% 0.089 119.2)

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

#AEBD7D

Willow Green · DarkSeaGreen · Apple Green

HEX

#AEBD7D

RGB

rgb(174, 189, 125)

HSL

hsl(74, 33%, 62%)

HSB

hsb(74, 34%, 74%)

CMYK

cmyk(8%, 0%, 34%, 26%)

Oklch

oklch(77.1% 0.087 119.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F09476

75D1F0

Analogous

F07594

F09476

F0D175

Triadic

F09476

75F094

9475F0

Split-Comp.

F09476

75F0D1

7594F0

Tetradic

F09476

94F075

75D1F0

D175F0

Contrast Matrix WCAG 2.1 Contrast

F09476	DEA795	DECC95	D0E09D	AEBD7D
—	1.1 Fail	1.4 Fail	1.6 Fail	1.1 Fail
1.1 Fail	—	1.3 Fail	1.5 Fail	1.0 Fail
1.4 Fail	1.3 Fail	—	1.1 Fail	1.3 Fail
1.6 Fail	1.5 Fail	1.1 Fail	—	1.4 Fail
1.1 Fail	1.0 Fail	1.3 Fail	1.4 Fail	—

White BG

2.3Fail

2.1Fail

1.6Fail

1.4Fail

2.0Fail

Black BG

9.2AAA

10.1AAA

13.2AAA

14.8AAA

10.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C8C77D

C6C699

D6D6A2

D7D7AD

B4B58C

Deuteranopia

CED47F

C9CD9A

D7D9A6

D6D5B1

B4B390

Tritanopia

EB8384

DB9D9E

DDADAF

D1BABD

AF999B

Achromatopsia

ACACAC

B5B5B5

CBCBCB

D4D4D4

B1B1B1

Shades & Tints Shades & Tints

#F09476

Dark

Light

#DEA795

Dark

Light

#DECC95

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f09476;
  --color-2: #dea795;
  --color-3: #decc95;
  --color-4: #d0e09d;
  --color-5: #aebd7d;
}

SCSS

$color-1: #f09476;
$color-2: #dea795;
$color-3: #decc95;
$color-4: #d0e09d;
$color-5: #aebd7d;

TAILWIND

colors: {
  'brand-1': '#f09476',
  'brand-2': '#dea795',
  'brand-3': '#decc95',
  'brand-4': '#d0e09d',
  'brand-5': '#aebd7d',
}

RGB Array

[240, 148, 118], [222, 167, 149], [222, 204, 149], [208, 224, 157], [174, 189, 125]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F09476, #DEA795, #DECC95, #D0E09D, #AEBD7D 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: #f09476; --color-2: #dea795; --color-3: #decc95; --color-4: #d0e09d; --color-5: #aebd7d. 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