← Back to Editor

#267A7A · #7A8141 · #AF992B · #DAC571 · #E9DAA0

sunset

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#267A7A

Lake Blue · Teal · Mint Ice

HEX
#267A7A
RGB
rgb(38, 122, 122)
HSL
hsl(180, 53%, 31%)
HSB
hsb(180, 69%, 48%)
CMYK
cmyk(69%, 0%, 0%, 52%)
Oklch
oklch(53.1% 0.078 195.1)

Traditional「Lake Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#7A8141

Autumn Sage · DarkOliveGreen · Honey Gold

HEX
#7A8141
RGB
rgb(122, 129, 65)
HSL
hsl(67, 33%, 38%)
HSB
hsb(67, 50%, 51%)
CMYK
cmyk(5%, 0%, 50%, 49%)
Oklch
oklch(58.3% 0.088 114.3)

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

#AF992B

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#AF992B
RGB
rgb(175, 153, 43)
HSL
hsl(50, 61%, 43%)
HSB
hsb(50, 75%, 69%)
CMYK
cmyk(0%, 13%, 75%, 31%)
Oklch
oklch(68.3% 0.127 97.4)

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

#DAC571

Ginger · BurlyWood · Sunflower

HEX
#DAC571
RGB
rgb(218, 197, 113)
HSL
hsl(48, 59%, 65%)
HSB
hsb(48, 48%, 85%)
CMYK
cmyk(0%, 10%, 48%, 15%)
Oklch
oklch(82.3% 0.107 95.7)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#E9DAA0

Goose Yellow · Wheat · Lemon Cream

HEX
#E9DAA0
RGB
rgb(233, 218, 160)
HSL
hsl(48, 62%, 77%)
HSB
hsb(48, 31%, 91%)
CMYK
cmyk(0%, 6%, 31%, 9%)
Oklch
oklch(88.7% 0.077 95.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

267A7A
792525

Analogous

25794F
267A7A
254F79

Triadic

267A7A
792579
797925

Split-Comp.

267A7A
79254F
794F25

Tetradic

267A7A
4F2579
792525
4F7925

Contrast Matrix WCAG 2.1 Contrast

267A7A
7A8141
AF992B
DAC571
E9DAA0
—
1.2
Fail
1.8
Fail
2.9
Fail
3.6
AA Large
1.2
Fail
—
1.5
Fail
2.4
Fail
3.0
Fail
1.8
Fail
1.5
Fail
—
1.6
Fail
2.0
Fail
2.9
Fail
2.4
Fail
1.6
Fail
—
1.2
Fail
3.6
AA Large
3.0
Fail
2.0
Fail
1.2
Fail
—
White BG
5.1AA
4.2AA Large
2.8Fail
1.7Fail
1.4Fail
Black BG
4.1AA Large
5.0AA
7.4AAA
12.2AAA
15.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4A4B7A
7D7D50
A5A546
D1D185
E3E2AE

Deuteranopia

463F7A
7D7C54
A7A84C
D2D48A
E3E5B1

Tritanopia

2A7A7A
7A5D5F
AE5B5F
D99599
E8B9BC

Achromatopsia

616161
787878
939393
C2C2C2
D8D8D8

Shades & Tints Shades & Tints

#267A7A

Dark
Light

#7A8141

Dark
Light

#AF992B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #267a7a;
  --color-2: #7a8141;
  --color-3: #af992b;
  --color-4: #dac571;
  --color-5: #e9daa0;
}

SCSS

$color-1: #267a7a;
$color-2: #7a8141;
$color-3: #af992b;
$color-4: #dac571;
$color-5: #e9daa0;

TAILWIND

colors: {
  'brand-1': '#267a7a',
  'brand-2': '#7a8141',
  'brand-3': '#af992b',
  'brand-4': '#dac571',
  'brand-5': '#e9daa0',
}

RGB Array

[38, 122, 122], [122, 129, 65], [175, 153, 43], [218, 197, 113], [233, 218, 160]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #267A7A, #7A8141, #AF992B, #DAC571, #E9DAA0 is ideal for: 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: #267a7a; --color-2: #7a8141; --color-3: #af992b; --color-4: #dac571; --color-5: #e9daa0. 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. 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