← Back to Editor

#26D2D2 · #FFE5B6 · #FFFDA9 · #FFAEB5 · #FF88C9

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

#26D2D2

Lake Blue · Turquoise · Mint Ice

HEX
#26D2D2
RGB
rgb(38, 210, 210)
HSL
hsl(180, 69%, 49%)
HSB
hsb(180, 82%, 82%)
CMYK
cmyk(82%, 0%, 0%, 18%)
Oklch
oklch(78.5% 0.128 194.9)

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

#FFE5B6

Goose Yellow · Wheat · Peach Orange

HEX
#FFE5B6
RGB
rgb(255, 229, 182)
HSL
hsl(39, 100%, 86%)
HSB
hsb(39, 29%, 100%)
CMYK
cmyk(0%, 10%, 29%, 0%)
Oklch
oklch(93.2% 0.067 82.2)

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

#FFFDA9

Fresh Green · Wheat · Lemon Cream

HEX
#FFFDA9
RGB
rgb(255, 253, 169)
HSL
hsl(59, 100%, 83%)
HSB
hsb(59, 34%, 100%)
CMYK
cmyk(0%, 1%, 34%, 0%)
Oklch
oklch(97.7% 0.105 107.0)

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

#FFAEB5

Peach Pink · LightPink · Cherry Blossom

HEX
#FFAEB5
RGB
rgb(255, 174, 181)
HSL
hsl(355, 100%, 84%)
HSB
hsb(355, 32%, 100%)
CMYK
cmyk(0%, 32%, 29%, 0%)
Oklch
oklch(83.0% 0.095 13.7)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#FF88C9

Mauve · Violet · Cherry Blossom

HEX
#FF88C9
RGB
rgb(255, 136, 201)
HSL
hsl(327, 100%, 77%)
HSB
hsb(327, 47%, 100%)
CMYK
cmyk(0%, 47%, 21%, 0%)
Oklch
oklch(77.6% 0.161 347.6)

Traditional「Mauve」· Paint「Cherry Blossom」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

26D2D2
D32727

Analogous

27D37D
26D2D2
277DD3

Triadic

26D2D2
D327D3
D3D327

Split-Comp.

26D2D2
D3277D
D37D27

Tetradic

26D2D2
7D27D3
D32727
7DD327

Contrast Matrix WCAG 2.1 Contrast

26D2D2
FFE5B6
FFFDA9
FFAEB5
FF88C9
—
1.5
Fail
1.8
Fail
1.1
Fail
1.2
Fail
1.5
Fail
—
1.2
Fail
1.4
Fail
1.8
Fail
1.8
Fail
1.2
Fail
—
1.7
Fail
2.1
Fail
1.1
Fail
1.4
Fail
1.7
Fail
—
1.2
Fail
1.2
Fail
1.8
Fail
2.1
Fail
1.2
Fail
—
White BG
1.9Fail
1.2Fail
1.1Fail
1.8Fail
2.2Fail
Black BG
11.2AAA
17.1AAA
19.9AAA
12.0AAA
9.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7072D2
F4F4C1
FEFEBD
DCDBB3
CBCAB9

Deuteranopia

675AD2
F5F7C4
FEFEC2
E1E7B3
D2DBB6

Tritanopia

2FD2D2
FECACC
FFCDD1
FBB2B2
F9ADAA

Achromatopsia

9F9F9F
E7E7E7
F4F4F4
C7C7C7
B3B3B3

Shades & Tints Shades & Tints

#26D2D2

Dark
Light

#FFE5B6

Dark
Light

#FFFDA9

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #26d2d2;
  --color-2: #ffe5b6;
  --color-3: #fffda9;
  --color-4: #ffaeb5;
  --color-5: #ff88c9;
}

SCSS

$color-1: #26d2d2;
$color-2: #ffe5b6;
$color-3: #fffda9;
$color-4: #ffaeb5;
$color-5: #ff88c9;

TAILWIND

colors: {
  'brand-1': '#26d2d2',
  'brand-2': '#ffe5b6',
  'brand-3': '#fffda9',
  'brand-4': '#ffaeb5',
  'brand-5': '#ff88c9',
}

RGB Array

[38, 210, 210], [255, 229, 182], [255, 253, 169], [255, 174, 181], [255, 136, 201]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #26D2D2, #FFE5B6, #FFFDA9, #FFAEB5, #FF88C9 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. 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: #26d2d2; --color-2: #ffe5b6; --color-3: #fffda9; --color-4: #ffaeb5; --color-5: #ff88c9. 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. 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