← Back to Editor

#D39268 · #FFD589 · #837982 · #6D4E53 · #1B1B33

summer

A 5-color summer 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

#D39268

Apricot · DarkSalmon · Warm Sun

HEX
#D39268
RGB
rgb(211, 146, 104)
HSL
hsl(24, 55%, 62%)
HSB
hsb(24, 51%, 83%)
CMYK
cmyk(0%, 31%, 51%, 17%)
Oklch
oklch(71.5% 0.097 53.4)

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

#FFD589

Goose Yellow · Khaki · Peach Orange

HEX
#FFD589
RGB
rgb(255, 213, 137)
HSL
hsl(39, 100%, 77%)
HSB
hsb(39, 46%, 100%)
CMYK
cmyk(0%, 16%, 46%, 0%)
Oklch
oklch(89.3% 0.105 81.5)

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

#837982

Ink Gray · Gray · Warm Gray

HEX
#837982
RGB
rgb(131, 121, 130)
HSL
hsl(306, 4%, 49%)
HSB
hsb(306, 8%, 51%)
CMYK
cmyk(0%, 8%, 1%, 49%)
Oklch
oklch(58.8% 0.018 328.9)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

#6D4E53

Crimson · DimGray · Wine Red

HEX
#6D4E53
RGB
rgb(109, 78, 83)
HSL
hsl(350, 17%, 37%)
HSB
hsb(350, 28%, 43%)
CMYK
cmyk(0%, 28%, 24%, 57%)
Oklch
oklch(45.9% 0.042 8.2)

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

#1B1B33

Deep Indigo · MidnightBlue · Deep Sea Blue

HEX
#1B1B33
RGB
rgb(27, 27, 51)
HSL
hsl(240, 31%, 15%)
HSB
hsb(240, 47%, 20%)
CMYK
cmyk(47%, 47%, 0%, 80%)
Oklch
oklch(23.5% 0.046 282.3)

Traditional「Deep Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D39268
69A9D3

Analogous

D36973
D39268
D3C969

Triadic

D39268
69D393
9369D3

Split-Comp.

D39268
69D3C9
6973D3

Tetradic

D39268
73D369
69A9D3
C969D3

Contrast Matrix WCAG 2.1 Contrast

D39268
FFD589
837982
6D4E53
1B1B33
—
1.9
Fail
1.6
Fail
2.8
Fail
6.5
AA
1.9
Fail
—
3.0
AA Large
5.3
AA
12.1
AAA
1.6
Fail
3.0
AA Large
—
1.8
Fail
4.0
AA Large
2.8
Fail
5.3
AA
1.8
Fail
—
2.3
Fail
6.5
AA
12.1
AAA
4.0
AA Large
2.3
Fail
—
White BG
2.6Fail
1.4Fail
4.2AA Large
7.3AAA
16.8AAA
Black BG
8.1AAA
15.1AAA
5.0AA
2.9Fail
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B7B672
EDEC9B
7F7F80
605F52
1B1B2D

Deuteranopia

BBC075
EFF2A0
7F807F
616452
1B1B2C

Tritanopia

D07A7C
FDAAAD
837E7E
6B5151
1B2928

Achromatopsia

A1A1A1
D9D9D9
7D7D7D
585858
1E1E1E

Shades & Tints Shades & Tints

#D39268

Dark
Light

#FFD589

Dark
Light

#837982

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d39268;
  --color-2: #ffd589;
  --color-3: #837982;
  --color-4: #6d4e53;
  --color-5: #1b1b33;
}

SCSS

$color-1: #d39268;
$color-2: #ffd589;
$color-3: #837982;
$color-4: #6d4e53;
$color-5: #1b1b33;

TAILWIND

colors: {
  'brand-1': '#d39268',
  'brand-2': '#ffd589',
  'brand-3': '#837982',
  'brand-4': '#6d4e53',
  'brand-5': '#1b1b33',
}

RGB Array

[211, 146, 104], [255, 213, 137], [131, 121, 130], [109, 78, 83], [27, 27, 51]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This summer-style palette of #D39268, #FFD589, #837982, #6D4E53, #1B1B33 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: #d39268; --color-2: #ffd589; --color-3: #837982; --color-4: #6d4e53; --color-5: #1b1b33. 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 summer-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