← Back to Editor

#756235 · #AE7272 · #EBA9A9 · #F1F695 · #EFEFCD

sunset

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#756235

Ochre · DarkOliveGreen · Honey Gold

HEX
#756235
RGB
rgb(117, 98, 53)
HSL
hsl(42, 38%, 33%)
HSB
hsb(42, 55%, 46%)
CMYK
cmyk(0%, 16%, 55%, 54%)
Oklch
oklch(50.4% 0.067 87.1)

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

#AE7272

Crimson · Gray · Passion Red

HEX
#AE7272
RGB
rgb(174, 114, 114)
HSL
hsl(0, 27%, 56%)
HSB
hsb(0, 34%, 68%)
CMYK
cmyk(0%, 34%, 34%, 32%)
Oklch
oklch(61.5% 0.076 19.5)

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

#EBA9A9

Peach Pink · LightPink · Coral Red

HEX
#EBA9A9
RGB
rgb(235, 169, 169)
HSL
hsl(0, 62%, 79%)
HSB
hsb(0, 28%, 92%)
CMYK
cmyk(0%, 28%, 28%, 8%)
Oklch
oklch(79.7% 0.078 18.9)

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

#F1F695

Fresh Green · Khaki · Lemon Cream

HEX
#F1F695
RGB
rgb(241, 246, 149)
HSL
hsl(63, 84%, 77%)
HSB
hsb(63, 39%, 96%)
CMYK
cmyk(2%, 0%, 39%, 4%)
Oklch
oklch(94.8% 0.120 111.0)

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

#EFEFCD

Fresh Green · Beige · Lemon Cream

HEX
#EFEFCD
RGB
rgb(239, 239, 205)
HSL
hsl(60, 52%, 87%)
HSB
hsb(60, 14%, 94%)
CMYK
cmyk(0%, 0%, 14%, 6%)
Oklch
oklch(94.3% 0.045 107.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

756235
344774

Analogous

744134
756235
677434

Triadic

756235
347461
613474

Split-Comp.

756235
346774
413474

Tetradic

756235
347441
344774
743467

Contrast Matrix WCAG 2.1 Contrast

756235
AE7272
EBA9A9
F1F695
EFEFCD
—
1.5
Fail
3.0
AA Large
5.2
AA
5.0
AA
1.5
Fail
—
2.0
Fail
3.4
AA Large
3.3
AA Large
3.0
AA Large
2.0
Fail
—
1.7
Fail
1.7
Fail
5.2
AA
3.4
AA Large
1.7
Fail
—
1.0
Fail
5.0
AA
3.3
AA Large
1.7
Fail
1.0
Fail
—
White BG
5.9AA
3.9AA Large
1.9Fail
1.1Fail
1.2Fail
Black BG
3.6AA Large
5.4AA
10.8AAA
18.4AAA
17.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6D6D40
949372
CECEA9
F3F3AC
EFEFD5

Deuteranopia

6E6F43
989C72
D2D7A9
F3F3B2
EFEFD7

Tritanopia

74484A
AB7272
E8A9A9
F1BFC3
EFDCDD

Achromatopsia

636363
848484
BDBDBD
E9E9E9
EBEBEB

Shades & Tints Shades & Tints

#756235

Dark
Light

#AE7272

Dark
Light

#EBA9A9

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #756235;
  --color-2: #ae7272;
  --color-3: #eba9a9;
  --color-4: #f1f695;
  --color-5: #efefcd;
}

SCSS

$color-1: #756235;
$color-2: #ae7272;
$color-3: #eba9a9;
$color-4: #f1f695;
$color-5: #efefcd;

TAILWIND

colors: {
  'brand-1': '#756235',
  'brand-2': '#ae7272',
  'brand-3': '#eba9a9',
  'brand-4': '#f1f695',
  'brand-5': '#efefcd',
}

RGB Array

[117, 98, 53], [174, 114, 114], [235, 169, 169], [241, 246, 149], [239, 239, 205]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #756235, #AE7272, #EBA9A9, #F1F695, #EFEFCD is ideal for: health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #756235; --color-2: #ae7272; --color-3: #eba9a9; --color-4: #f1f695; --color-5: #efefcd. 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. 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. 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