#F7D000 + #E6D368 + #DFD186 + #DAD0A2 + #D4CFB5 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#F7D000

Autumn Sage · Gold · Honey Gold

HEX

#F7D000

RGB

rgb(247, 208, 0)

HSL

hsl(51, 100%, 48%)

HSB

hsb(51, 100%, 97%)

CMYK

cmyk(0%, 16%, 100%, 3%)

Oklch

oklch(86.5% 0.178 95.2)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#E6D368

Fresh Green · BurlyWood · Sunflower

HEX

#E6D368

RGB

rgb(230, 211, 104)

HSL

hsl(51, 72%, 65%)

HSB

hsb(51, 55%, 90%)

CMYK

cmyk(0%, 8%, 55%, 10%)

Oklch

oklch(86.1% 0.129 99.4)

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

#DFD186

Fresh Green · BurlyWood · Sunflower

HEX

#DFD186

RGB

rgb(223, 209, 134)

HSL

hsl(51, 58%, 70%)

HSB

hsb(51, 40%, 87%)

CMYK

cmyk(0%, 6%, 40%, 13%)

Oklch

oklch(85.5% 0.096 99.0)

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

#DAD0A2

Goose Yellow · Wheat · Sunflower

HEX

#DAD0A2

RGB

rgb(218, 208, 162)

HSL

hsl(49, 43%, 75%)

HSB

hsb(49, 26%, 85%)

CMYK

cmyk(0%, 5%, 26%, 15%)

Oklch

oklch(85.4% 0.062 97.2)

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

#D4CFB5

Fresh Green · Silver · Lemon Cream

HEX

#D4CFB5

RGB

rgb(212, 207, 181)

HSL

hsl(50, 26%, 77%)

HSB

hsb(50, 15%, 83%)

CMYK

cmyk(0%, 2%, 15%, 17%)

Oklch

oklch(85.2% 0.035 98.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F7D000

0025F5

Analogous

F55600

F7D000

9FF500

Triadic

F7D000

00F5D0

D000F5

Split-Comp.

F7D000

009FF5

5600F5

Tetradic

F7D000

00F556

0025F5

F5009F

Contrast Matrix WCAG 2.1 Contrast

F7D000	E6D368	DFD186	DAD0A2	D4CFB5
—	1.0 Fail	1.0 Fail	1.0 Fail	1.0 Fail
1.0 Fail	—	1.0 Fail	1.0 Fail	1.0 Fail
1.0 Fail	1.0 Fail	—	1.0 Fail	1.0 Fail
1.0 Fail	1.0 Fail	1.0 Fail	—	1.0 Fail
1.0 Fail	1.0 Fail	1.0 Fail	1.0 Fail	—

White BG

1.5Fail

1.6Fail

Black BG

14.0AAA

13.9AAA

13.6AAA

13.5AAA

13.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E6E632

DEDE82

D9D998

D6D6AD

D2D2BB

Deuteranopia

E8EB3E

DFE088

DADB9D

D6D7B0

D2D2BD

Tritanopia

F55A63

E5969B

DEA6AA

DAB6B8

D4C0C1

Achromatopsia

C4C4C4

CCCCCC

CDCDCD

CECECE

Shades & Tints Shades & Tints

#F7D000

Dark

Light

#E6D368

Dark

Light

#DFD186

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f7d000;
  --color-2: #e6d368;
  --color-3: #dfd186;
  --color-4: #dad0a2;
  --color-5: #d4cfb5;
}

SCSS

$color-1: #f7d000;
$color-2: #e6d368;
$color-3: #dfd186;
$color-4: #dad0a2;
$color-5: #d4cfb5;

TAILWIND

colors: {
  'brand-1': '#f7d000',
  'brand-2': '#e6d368',
  'brand-3': '#dfd186',
  'brand-4': '#dad0a2',
  'brand-5': '#d4cfb5',
}

RGB Array

[247, 208, 0], [230, 211, 104], [223, 209, 134], [218, 208, 162], [212, 207, 181]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F7D000, #E6D368, #DFD186, #DAD0A2, #D4CFB5 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: #f7d000; --color-2: #e6d368; --color-3: #dfd186; --color-4: #dad0a2; --color-5: #d4cfb5. 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