#AFC089 + #FF9A57 + #D6644D + #D6C38B + #EBE0B2 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#AFC089

Willow Green · DarkSeaGreen · Apple Green

HEX

#AFC089

RGB

rgb(175, 192, 137)

HSL

hsl(79, 30%, 65%)

HSB

hsb(79, 29%, 75%)

CMYK

cmyk(9%, 0%, 29%, 25%)

Oklch

oklch(78.1% 0.077 122.1)

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

#FF9A57

Apricot · SandyBrown · Warm Sun

HEX

#FF9A57

RGB

rgb(255, 154, 87)

HSL

hsl(24, 100%, 67%)

HSB

hsb(24, 66%, 100%)

CMYK

cmyk(0%, 40%, 66%, 0%)

Oklch

oklch(77.9% 0.146 52.5)

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

#D6644D

Vermilion · Tomato · Passion Red

HEX

#D6644D

RGB

rgb(214, 100, 77)

HSL

hsl(10, 63%, 57%)

HSB

hsb(10, 64%, 84%)

CMYK

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

Oklch

oklch(63.7% 0.149 32.9)

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

#D6C38B

Ginger · BurlyWood · Sunflower

HEX

#D6C38B

RGB

rgb(214, 195, 139)

HSL

hsl(45, 48%, 69%)

HSB

hsb(45, 35%, 84%)

CMYK

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

Oklch

oklch(82.0% 0.076 91.5)

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

#EBE0B2

Goose Yellow · Wheat · Lemon Cream

HEX

#EBE0B2

RGB

rgb(235, 224, 178)

HSL

hsl(48, 59%, 81%)

HSB

hsb(48, 24%, 92%)

CMYK

cmyk(0%, 5%, 24%, 8%)

Oklch

oklch(90.4% 0.061 96.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AFC089

9C8BC1

Analogous

C1B78B

AFC089

95C18B

Triadic

AFC089

8BB0C1

C18BB0

Split-Comp.

AFC089

8B95C1

B78BC1

Tetradic

AFC089

8BC1B7

9C8BC1

C18B95

Contrast Matrix WCAG 2.1 Contrast

AFC089	FF9A57	D6644D	D6C38B	EBE0B2
—	1.1 Fail	1.9 Fail	1.1 Fail	1.5 Fail
1.1 Fail	—	1.7 Fail	1.2 Fail	1.6 Fail
1.9 Fail	1.7 Fail	—	2.1 Fail	2.7 Fail
1.1 Fail	1.2 Fail	2.1 Fail	—	1.3 Fail
1.5 Fail	1.6 Fail	2.7 Fail	1.3 Fail	—

White BG

2.0Fail

2.1Fail

3.6AA Large

1.7Fail

1.3Fail

Black BG

10.7AAA

10.0AAA

5.8AA

12.0AAA

15.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B6B796

D3D267

A5A453

CECE99

E6E6BD

Deuteranopia

B5B49A

D9E16B

ABB454

CFD09C

E7E8C0

Tritanopia

B0A1A3

FA7477

D05758

D5A3A6

EAC6C8

Achromatopsia

B5B5B5

B1B1B1

838383

C2C2C2

DEDEDE

Shades & Tints Shades & Tints

#AFC089

Dark

Light

#FF9A57

Dark

Light

#D6644D

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #afc089;
  --color-2: #ff9a57;
  --color-3: #d6644d;
  --color-4: #d6c38b;
  --color-5: #ebe0b2;
}

SCSS

$color-1: #afc089;
$color-2: #ff9a57;
$color-3: #d6644d;
$color-4: #d6c38b;
$color-5: #ebe0b2;

TAILWIND

colors: {
  'brand-1': '#afc089',
  'brand-2': '#ff9a57',
  'brand-3': '#d6644d',
  'brand-4': '#d6c38b',
  'brand-5': '#ebe0b2',
}

RGB Array

[175, 192, 137], [255, 154, 87], [214, 100, 77], [214, 195, 139], [235, 224, 178]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #AFC089, #FF9A57, #D6644D, #D6C38B, #EBE0B2 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: #afc089; --color-2: #ff9a57; --color-3: #d6644d; --color-4: #d6c38b; --color-5: #ebe0b2. 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