← Back to Editor

#52635D · #6E96DB · #85DDE1 · #FFE7D2 · #F96207

summer

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#52635D

Mineral Blue · DimGray · Charcoal

HEX
#52635D
RGB
rgb(82, 99, 93)
HSL
hsl(159, 9%, 35%)
HSB
hsb(159, 17%, 39%)
CMYK
cmyk(17%, 0%, 6%, 61%)
Oklch
oklch(48.4% 0.023 171.9)

Traditional「Mineral Blue」· Paint「Charcoal」· Creative Midnight Shadow

#6E96DB

Azure · CornflowerBlue · Cobalt Blue

HEX
#6E96DB
RGB
rgb(110, 150, 219)
HSL
hsl(218, 60%, 65%)
HSB
hsb(218, 50%, 86%)
CMYK
cmyk(50%, 32%, 0%, 14%)
Oklch
oklch(67.3% 0.112 260.9)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

#85DDE1

Sky Blue · SkyBlue · Lake Green

HEX
#85DDE1
RGB
rgb(133, 221, 225)
HSL
hsl(183, 61%, 70%)
HSB
hsb(183, 41%, 88%)
CMYK
cmyk(41%, 2%, 0%, 12%)
Oklch
oklch(84.4% 0.085 199.4)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#FFE7D2

Apricot · Bisque · Peach Orange

HEX
#FFE7D2
RGB
rgb(255, 231, 210)
HSL
hsl(28, 100%, 91%)
HSB
hsb(28, 18%, 100%)
CMYK
cmyk(0%, 9%, 18%, 0%)
Oklch
oklch(94.2% 0.038 63.5)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#F96207

Tangerine · OrangeRed · Amber Brown

HEX
#F96207
RGB
rgb(249, 98, 7)
HSL
hsl(23, 95%, 50%)
HSB
hsb(23, 97%, 98%)
CMYK
cmyk(0%, 61%, 97%, 2%)
Oklch
oklch(68.2% 0.201 42.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

52635D
615157

Analogous

516154
52635D
515F61

Triadic

52635D
5C5161
615C51

Split-Comp.

52635D
61515F
615451

Tetradic

52635D
545161
615157
5F6151

Contrast Matrix WCAG 2.1 Contrast

52635D
6E96DB
85DDE1
FFE7D2
F96207
—
2.1
Fail
4.1
AA Large
5.3
AA
2.1
Fail
2.1
Fail
—
1.9
Fail
2.5
Fail
1.0
Fail
4.1
AA Large
1.9
Fail
—
1.3
Fail
2.0
Fail
5.3
AA
2.5
Fail
1.3
Fail
—
2.6
Fail
2.1
Fail
1.0
Fail
2.0
Fail
2.6
Fail
—
White BG
6.4AA
3.0Fail
1.6Fail
1.2Fail
3.1AA Large
Black BG
3.3AA Large
7.0AAA
13.4AAA
17.6AAA
6.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

595A5E
7F80CA
ABACE0
F5F4D7
B8B61D

Deuteranopia

58575F
7D7AC6
A69FE0
F6F8D8
C0CC22

Tritanopia

536060
70BDBA
89DFDF
FEDBDC
F12E32

Achromatopsia

5D5D5D
929292
C3C3C3
ECECEC
858585

Shades & Tints Shades & Tints

#52635D

Dark
Light

#6E96DB

Dark
Light

#85DDE1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #52635d;
  --color-2: #6e96db;
  --color-3: #85dde1;
  --color-4: #ffe7d2;
  --color-5: #f96207;
}

SCSS

$color-1: #52635d;
$color-2: #6e96db;
$color-3: #85dde1;
$color-4: #ffe7d2;
$color-5: #f96207;

TAILWIND

colors: {
  'brand-1': '#52635d',
  'brand-2': '#6e96db',
  'brand-3': '#85dde1',
  'brand-4': '#ffe7d2',
  'brand-5': '#f96207',
}

RGB Array

[82, 99, 93], [110, 150, 219], [133, 221, 225], [255, 231, 210], [249, 98, 7]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This summer-style palette of #52635D, #6E96DB, #85DDE1, #FFE7D2, #F96207 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #52635d; --color-2: #6e96db; --color-3: #85dde1; --color-4: #ffe7d2; --color-5: #f96207. 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 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