#C7BFA9 + #DAD1A5 + #EDDE8C + #EFD483 + #F2C476 · sunset - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#C7BFA9

Goose Yellow · Silver · Sunflower

HEX

#C7BFA9

RGB

rgb(199, 191, 169)

HSL

hsl(44, 21%, 72%)

HSB

hsb(44, 15%, 78%)

CMYK

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

Oklch

oklch(80.5% 0.031 90.4)

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

#DAD1A5

Fresh Green · Wheat · Sunflower

HEX

#DAD1A5

RGB

rgb(218, 209, 165)

HSL

hsl(50, 42%, 75%)

HSB

hsb(50, 24%, 85%)

CMYK

cmyk(0%, 4%, 24%, 15%)

Oklch

oklch(85.7% 0.059 97.8)

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

#EDDE8C

Fresh Green · Khaki · Sunflower

HEX

#EDDE8C

RGB

rgb(237, 222, 140)

HSL

hsl(51, 73%, 74%)

HSB

hsb(51, 41%, 93%)

CMYK

cmyk(0%, 6%, 41%, 7%)

Oklch

oklch(89.5% 0.104 99.1)

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

#EFD483

Goose Yellow · Khaki · Sunflower

HEX

#EFD483

RGB

rgb(239, 212, 131)

HSL

hsl(45, 77%, 73%)

HSB

hsb(45, 45%, 94%)

CMYK

cmyk(0%, 11%, 45%, 6%)

Oklch

oklch(87.5% 0.105 91.6)

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

#F2C476

Goose Yellow · BurlyWood · Warm Sun

HEX

#F2C476

RGB

rgb(242, 196, 118)

HSL

hsl(38, 83%, 71%)

HSB

hsb(38, 51%, 95%)

CMYK

cmyk(0%, 19%, 51%, 5%)

Oklch

oklch(84.5% 0.110 79.6)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C7BFA9

A9B1C7

Analogous

C7B0A9

C7BFA9

C0C7A9

Triadic

C7BFA9

A9C7BF

BFA9C7

Split-Comp.

C7BFA9

A9C0C7

B0A9C7

Tetradic

C7BFA9

A9C7B0

A9B1C7

C7A9C0

Contrast Matrix WCAG 2.1 Contrast

C7BFA9	DAD1A5	EDDE8C	EFD483	F2C476
—	1.2 Fail	1.3 Fail	1.3 Fail	1.1 Fail
1.2 Fail	—	1.1 Fail	1.1 Fail	1.1 Fail
1.3 Fail	1.1 Fail	—	1.1 Fail	1.2 Fail
1.3 Fail	1.1 Fail	1.1 Fail	—	1.1 Fail
1.1 Fail	1.1 Fail	1.2 Fail	1.1 Fail	—

White BG

1.8Fail

1.5Fail

1.4Fail

1.5Fail

1.6Fail

Black BG

11.5AAA

13.6AAA

15.4AAA

14.4AAA

12.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C4C3AE

D6D6B0

E7E6A0

E3E397

DEDE89

Deuteranopia

C4C5B0

D7D7B2

E7E8A5

E5E79B

E1E48D

Tritanopia

C7B3B3

DAB8BA

ECB0B3

EEA6A9

F0989B

Achromatopsia

BFBFBF

CFCFCF

D9D9D9

D3D3D3

C9C9C9

Shades & Tints Shades & Tints

#C7BFA9

Dark

Light

#DAD1A5

Dark

Light

#EDDE8C

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c7bfa9;
  --color-2: #dad1a5;
  --color-3: #edde8c;
  --color-4: #efd483;
  --color-5: #f2c476;
}

SCSS

$color-1: #c7bfa9;
$color-2: #dad1a5;
$color-3: #edde8c;
$color-4: #efd483;
$color-5: #f2c476;

TAILWIND

colors: {
  'brand-1': '#c7bfa9',
  'brand-2': '#dad1a5',
  'brand-3': '#edde8c',
  'brand-4': '#efd483',
  'brand-5': '#f2c476',
}

RGB Array

[199, 191, 169], [218, 209, 165], [237, 222, 140], [239, 212, 131], [242, 196, 118]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #C7BFA9, #DAD1A5, #EDDE8C, #EFD483, #F2C476 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: #c7bfa9; --color-2: #dad1a5; --color-3: #edde8c; --color-4: #efd483; --color-5: #f2c476. 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 sunset-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