#64B5B4 + #DECD9B + #CC9762 + #AD6D4C + #8C4D4D · sunset - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#64B5B4

Mineral Blue · MediumAquaMarine · Lake Green

HEX

#64B5B4

RGB

rgb(100, 181, 180)

HSL

hsl(179, 35%, 55%)

HSB

hsb(179, 45%, 71%)

CMYK

cmyk(45%, 0%, 1%, 29%)

Oklch

oklch(72.2% 0.080 194.5)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#DECD9B

Goose Yellow · BurlyWood · Sunflower

HEX

#DECD9B

RGB

rgb(222, 205, 155)

HSL

hsl(45, 50%, 74%)

HSB

hsb(45, 30%, 87%)

CMYK

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

Oklch

oklch(85.0% 0.068 91.5)

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

#CC9762

Ginger · DarkSalmon · Warm Sun

HEX

#CC9762

RGB

rgb(204, 151, 98)

HSL

hsl(30, 51%, 59%)

HSB

hsb(30, 52%, 80%)

CMYK

cmyk(0%, 26%, 52%, 20%)

Oklch

oklch(71.6% 0.094 65.3)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#AD6D4C

Tangerine · Sienna · Amber Brown

HEX

#AD6D4C

RGB

rgb(173, 109, 76)

HSL

hsl(20, 39%, 49%)

HSB

hsb(20, 56%, 68%)

CMYK

cmyk(0%, 37%, 56%, 32%)

Oklch

oklch(59.6% 0.094 47.6)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#8C4D4D

Crimson · Sienna · Passion Red

HEX

#8C4D4D

RGB

rgb(140, 77, 77)

HSL

hsl(0, 29%, 43%)

HSB

hsb(0, 45%, 55%)

CMYK

cmyk(0%, 45%, 45%, 45%)

Oklch

oklch(49.5% 0.085 20.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

64B5B4

B46465

Analogous

64B48B

64B5B4

648EB4

Triadic

64B5B4

B364B4

B4B364

Split-Comp.

64B5B4

B4648E

B48B64

Tetradic

64B5B4

8B64B4

B46465

8EB464

Contrast Matrix WCAG 2.1 Contrast

64B5B4	DECD9B	CC9762	AD6D4C	8C4D4D
—	1.5 Fail	1.1 Fail	1.7 Fail	2.7 Fail
1.5 Fail	—	1.6 Fail	2.6 Fail	4.1 AA Large
1.1 Fail	1.6 Fail	—	1.6 Fail	2.5 Fail
1.7 Fail	2.6 Fail	1.6 Fail	—	1.5 Fail
2.7 Fail	4.1 AA Large	2.5 Fail	1.5 Fail	—

White BG

2.4Fail

1.6Fail

2.6Fail

4.1AA Large

6.4AA

Black BG

8.8AAA

13.3AAA

8.2AAA

5.1AA

3.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

8788B4

D7D6A7

B5B56F

919154

71704D

Deuteranopia

827CB4

D8D9AA

B8BC72

959A56

74794D

Tritanopia

68B4B4

DDB1B3

C9797B

AA5A5C

894D4D

Achromatopsia

9D9D9D

CCCCCC

A1A1A1

7C7C7C

606060

Shades & Tints Shades & Tints

#64B5B4

Dark

Light

#DECD9B

Dark

Light

#CC9762

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #64b5b4;
  --color-2: #decd9b;
  --color-3: #cc9762;
  --color-4: #ad6d4c;
  --color-5: #8c4d4d;
}

SCSS

$color-1: #64b5b4;
$color-2: #decd9b;
$color-3: #cc9762;
$color-4: #ad6d4c;
$color-5: #8c4d4d;

TAILWIND

colors: {
  'brand-1': '#64b5b4',
  'brand-2': '#decd9b',
  'brand-3': '#cc9762',
  'brand-4': '#ad6d4c',
  'brand-5': '#8c4d4d',
}

RGB Array

[100, 181, 180], [222, 205, 155], [204, 151, 98], [173, 109, 76], [140, 77, 77]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #64B5B4, #DECD9B, #CC9762, #AD6D4C, #8C4D4D 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: #64b5b4; --color-2: #decd9b; --color-3: #cc9762; --color-4: #ad6d4c; --color-5: #8c4d4d. 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 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