← Back to Editor

#756E5B · #A1A493 · #C7AE9A · #70594B · #EBD7B2

sunset

A 5-color sunset palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#756E5B

Ochre · DimGray · Honey Gold

HEX
#756E5B
RGB
rgb(117, 110, 91)
HSL
hsl(44, 12%, 41%)
HSB
hsb(44, 22%, 46%)
CMYK
cmyk(0%, 6%, 22%, 54%)
Oklch
oklch(53.9% 0.030 90.2)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#A1A493

Willow Green · DarkGray · Silver Sand

HEX
#A1A493
RGB
rgb(161, 164, 147)
HSL
hsl(71, 9%, 61%)
HSB
hsb(71, 10%, 64%)
CMYK
cmyk(2%, 0%, 10%, 36%)
Oklch
oklch(71.1% 0.024 115.1)

Traditional「Willow Green」· Paint「Silver Sand」· Creative Urban Concrete

#C7AE9A

Apricot · Tan · Warm Sun

HEX
#C7AE9A
RGB
rgb(199, 174, 154)
HSL
hsl(27, 29%, 69%)
HSB
hsb(27, 23%, 78%)
CMYK
cmyk(0%, 13%, 23%, 22%)
Oklch
oklch(76.7% 0.040 60.8)

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

#70594B

Tangerine · DimGray · Amber Brown

HEX
#70594B
RGB
rgb(112, 89, 75)
HSL
hsl(23, 20%, 37%)
HSB
hsb(23, 33%, 44%)
CMYK
cmyk(0%, 21%, 33%, 56%)
Oklch
oklch(48.3% 0.037 52.9)

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

#EBD7B2

Goose Yellow · Wheat · Peach Orange

HEX
#EBD7B2
RGB
rgb(235, 215, 178)
HSL
hsl(39, 59%, 81%)
HSB
hsb(39, 24%, 92%)
CMYK
cmyk(0%, 9%, 24%, 8%)
Oklch
oklch(88.6% 0.054 82.9)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

756E5B
5C6375

Analogous

75625C
756E5B
6F755C

Triadic

756E5B
5C756E
6E5C75

Split-Comp.

756E5B
5C6F75
625C75

Tetradic

756E5B
5C7562
5C6375
755C6F

Contrast Matrix WCAG 2.1 Contrast

756E5B
A1A493
C7AE9A
70594B
EBD7B2
—
2.0
Fail
2.4
Fail
1.3
Fail
3.6
AA Large
2.0
Fail
—
1.2
Fail
2.6
Fail
1.8
Fail
2.4
Fail
1.2
Fail
—
3.1
AA Large
1.5
Fail
1.3
Fail
2.6
Fail
3.1
AA Large
—
4.6
AA
3.6
AA Large
1.8
Fail
1.5
Fail
4.6
AA
—
White BG
5.1AA
2.5Fail
2.1Fail
6.5AA
1.4Fail
Black BG
4.1AA Large
8.2AAA
9.9AAA
3.2AA Large
14.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

727260
A2A297
BCBC9F
66664E
E2E2BB

Deuteranopia

727361
A2A298
BEBFA0
67694F
E4E5BD

Tritanopia

756364
A19A9B
C6A3A4
6F5152
EAC2C4

Achromatopsia

6E6E6E
A1A1A1
B3B3B3
5E5E5E
D9D9D9

Shades & Tints Shades & Tints

#756E5B

Dark
Light

#A1A493

Dark
Light

#C7AE9A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #756e5b;
  --color-2: #a1a493;
  --color-3: #c7ae9a;
  --color-4: #70594b;
  --color-5: #ebd7b2;
}

SCSS

$color-1: #756e5b;
$color-2: #a1a493;
$color-3: #c7ae9a;
$color-4: #70594b;
$color-5: #ebd7b2;

TAILWIND

colors: {
  'brand-1': '#756e5b',
  'brand-2': '#a1a493',
  'brand-3': '#c7ae9a',
  'brand-4': '#70594b',
  'brand-5': '#ebd7b2',
}

RGB Array

[117, 110, 91], [161, 164, 147], [199, 174, 154], [112, 89, 75], [235, 215, 178]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #756E5B, #A1A493, #C7AE9A, #70594B, #EBD7B2 is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #756e5b; --color-2: #a1a493; --color-3: #c7ae9a; --color-4: #70594b; --color-5: #ebd7b2. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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. Restrained colors convey professionalism and trust. 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