← Back to Editor

#065367 · #69346A · #B42F68 · #D85F44 · #F98C27

sunset

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#065367

Lake Blue · DarkSlateGray · Peacock Green

HEX
#065367
RGB
rgb(6, 83, 103)
HSL
hsl(192, 89%, 21%)
HSB
hsb(192, 94%, 40%)
CMYK
cmyk(94%, 19%, 0%, 60%)
Oklch
oklch(41.1% 0.074 222.0)

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

#69346A

Dark Plum · DarkSlateBlue · Eggplant

HEX
#69346A
RGB
rgb(105, 52, 106)
HSL
hsl(299, 34%, 31%)
HSB
hsb(299, 51%, 42%)
CMYK
cmyk(1%, 51%, 0%, 58%)
Oklch
oklch(41.5% 0.107 326.6)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

#B42F68

Dark Violet · MediumVioletRed · Camellia

HEX
#B42F68
RGB
rgb(180, 47, 104)
HSL
hsl(334, 59%, 45%)
HSB
hsb(334, 74%, 71%)
CMYK
cmyk(0%, 74%, 42%, 29%)
Oklch
oklch(52.6% 0.175 359.2)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#D85F44

Vermilion · Tomato · Passion Red

HEX
#D85F44
RGB
rgb(216, 95, 68)
HSL
hsl(11, 65%, 56%)
HSB
hsb(11, 69%, 85%)
CMYK
cmyk(0%, 56%, 69%, 15%)
Oklch
oklch(63.2% 0.158 34.0)

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

#F98C27

Tangerine · GoldenRod · Warm Sun

HEX
#F98C27
RGB
rgb(249, 140, 39)
HSL
hsl(29, 95%, 56%)
HSB
hsb(29, 84%, 98%)
CMYK
cmyk(0%, 44%, 84%, 2%)
Oklch
oklch(74.4% 0.168 56.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

065367
651906

Analogous

066549
065367
062265

Triadic

065367
650652
526506

Split-Comp.

065367
650622
654906

Tetradic

065367
490665
651906
226506

Contrast Matrix WCAG 2.1 Contrast

065367
69346A
B42F68
D85F44
F98C27
—
1.1
Fail
1.5
Fail
2.3
Fail
3.6
AA Large
1.1
Fail
—
1.5
Fail
2.5
Fail
3.8
AA Large
1.5
Fail
1.5
Fail
—
1.6
Fail
2.5
Fail
2.3
Fail
2.5
Fail
1.6
Fail
—
1.6
Fail
3.6
AA Large
3.8
AA Large
2.5
Fail
1.6
Fail
—
White BG
8.6AAA
9.1AAA
5.9AA
3.7AA Large
2.4Fail
Black BG
2.4Fail
2.3Fail
3.5AA Large
5.6AA
8.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

272862
52525D
7A795A
A4A34B
CAC93F

Deuteranopia

231D61
55595A
828C57
ABB44C
D0D845

Tritanopia

0A5E5E
665350
AD4F4D
D25051
F45357

Achromatopsia

3E3E3E
4A4A4A
5D5D5D
808080
A1A1A1

Shades & Tints Shades & Tints

#065367

Dark
Light

#69346A

Dark
Light

#B42F68

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #065367;
  --color-2: #69346a;
  --color-3: #b42f68;
  --color-4: #d85f44;
  --color-5: #f98c27;
}

SCSS

$color-1: #065367;
$color-2: #69346a;
$color-3: #b42f68;
$color-4: #d85f44;
$color-5: #f98c27;

TAILWIND

colors: {
  'brand-1': '#065367',
  'brand-2': '#69346a',
  'brand-3': '#b42f68',
  'brand-4': '#d85f44',
  'brand-5': '#f98c27',
}

RGB Array

[6, 83, 103], [105, 52, 106], [180, 47, 104], [216, 95, 68], [249, 140, 39]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #065367, #69346A, #B42F68, #D85F44, #F98C27 is ideal for: social media posters, mobile apps, e-commerce promos. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #065367; --color-2: #69346a; --color-3: #b42f68; --color-4: #d85f44; --color-5: #f98c27. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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