#FE604B + #F4BF65 + #DACC89 + #AEC588 + #47674F - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#FE604B

Peach Pink · Tomato · Coral Red

HEX

#FE604B

RGB

rgb(254, 96, 75)

HSL

hsl(7, 99%, 65%)

HSB

hsb(7, 70%, 100%)

CMYK

cmyk(0%, 62%, 70%, 0%)

Oklch

oklch(69.2% 0.196 30.3)

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

#F4BF65

Ginger · SandyBrown · Warm Sun

HEX

#F4BF65

RGB

rgb(244, 191, 101)

HSL

hsl(38, 87%, 68%)

HSB

hsb(38, 59%, 96%)

CMYK

cmyk(0%, 22%, 59%, 4%)

Oklch

oklch(83.5% 0.124 79.0)

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

#DACC89

Fresh Green · BurlyWood · Sunflower

HEX

#DACC89

RGB

rgb(218, 204, 137)

HSL

hsl(50, 52%, 70%)

HSB

hsb(50, 37%, 85%)

CMYK

cmyk(0%, 6%, 37%, 15%)

Oklch

oklch(84.1% 0.088 97.8)

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

#AEC588

Willow Green · DarkSeaGreen · Apple Green

HEX

#AEC588

RGB

rgb(174, 197, 136)

HSL

hsl(83, 34%, 65%)

HSB

hsb(83, 31%, 77%)

CMYK

cmyk(12%, 0%, 31%, 23%)

Oklch

oklch(79.1% 0.086 125.1)

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

#47674F

Celadon · DarkSlateGray · Forest Green

HEX

#47674F

RGB

rgb(71, 103, 79)

HSL

hsl(135, 18%, 34%)

HSB

hsb(135, 31%, 40%)

CMYK

cmyk(31%, 0%, 23%, 60%)

Oklch

oklch(48.2% 0.054 151.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FE604B

4DE9FE

Analogous

FE4D91

FE604B

FEBA4D

Triadic

FE604B

4DFE62

624DFE

Split-Comp.

FE604B

4DFEBA

4D91FE

Tetradic

FE604B

91FE4D

4DE9FE

BA4DFE

Contrast Matrix WCAG 2.1 Contrast

FE604B	F4BF65	DACC89	AEC588	47674F
—	1.8 Fail	1.9 Fail	1.6 Fail	2.1 Fail
1.8 Fail	—	1.0 Fail	1.1 Fail	3.8 AA Large
1.9 Fail	1.0 Fail	—	1.2 Fail	3.9 AA Large
1.6 Fail	1.1 Fail	1.2 Fail	—	3.4 AA Large
2.1 Fail	3.8 AA Large	3.9 AA Large	3.4 AA Large	—

White BG

3.0AA Large

1.7Fail

1.6Fail

1.9Fail

6.3AA

Black BG

7.0AA

12.5AAA

13.0AAA

11.1AAA

3.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

BAB850

DDDD7B

D4D499

B8B897

555555

Deuteranopia

C3CF51

E0E480

D5D69D

B7B59A

535156

Tritanopia

F65455

F18C90

D9A6A9

AFA2A5

49595A

Achromatopsia

8D8D8D

C5C5C5

C9C9C9

B7B7B7

5B5B5B

Shades & Tints Shades & Tints

#FE604B

Dark

Light

#F4BF65

Dark

Light

#DACC89

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fe604b;
  --color-2: #f4bf65;
  --color-3: #dacc89;
  --color-4: #aec588;
  --color-5: #47674f;
}

SCSS

$color-1: #fe604b;
$color-2: #f4bf65;
$color-3: #dacc89;
$color-4: #aec588;
$color-5: #47674f;

TAILWIND

colors: {
  'brand-1': '#fe604b',
  'brand-2': '#f4bf65',
  'brand-3': '#dacc89',
  'brand-4': '#aec588',
  'brand-5': '#47674f',
}

RGB Array

[254, 96, 75], [244, 191, 101], [218, 204, 137], [174, 197, 136], [71, 103, 79]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FE604B, #F4BF65, #DACC89, #AEC588, #47674F is ideal for: corporate websites, product showcases, portfolios. 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: #fe604b; --color-2: #f4bf65; --color-3: #dacc89; --color-4: #aec588; --color-5: #47674f. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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