← Back to Editor

#DED68E · #FFAC75 · #FF7C6E · #C27685 · #706D8C

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

#DED68E

Fresh Green · Khaki · Sunflower

HEX
#DED68E
RGB
rgb(222, 214, 142)
HSL
hsl(54, 55%, 71%)
HSB
hsb(54, 36%, 87%)
CMYK
cmyk(0%, 4%, 36%, 13%)
Oklch
oklch(86.6% 0.092 102.7)

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

#FFAC75

Apricot · LightSalmon · Warm Sun

HEX
#FFAC75
RGB
rgb(255, 172, 117)
HSL
hsl(24, 100%, 73%)
HSB
hsb(24, 54%, 100%)
CMYK
cmyk(0%, 33%, 54%, 0%)
Oklch
oklch(81.4% 0.121 53.8)

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

#FF7C6E

Peach Pink · Salmon · Coral Red

HEX
#FF7C6E
RGB
rgb(255, 124, 110)
HSL
hsl(6, 100%, 72%)
HSB
hsb(6, 57%, 100%)
CMYK
cmyk(0%, 51%, 57%, 0%)
Oklch
oklch(73.5% 0.162 27.9)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#C27685

Peach Pink · LightCoral · Coral Red

HEX
#C27685
RGB
rgb(194, 118, 133)
HSL
hsl(348, 38%, 61%)
HSB
hsb(348, 39%, 76%)
CMYK
cmyk(0%, 39%, 31%, 24%)
Oklch
oklch(65.1% 0.097 7.3)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#706D8C

Deep Indigo · SlateGray · Navy Blue

HEX
#706D8C
RGB
rgb(112, 109, 140)
HSL
hsl(246, 12%, 49%)
HSB
hsb(246, 22%, 55%)
CMYK
cmyk(20%, 22%, 0%, 45%)
Oklch
oklch(54.9% 0.048 289.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DED68E
8C95DE

Analogous

DEAD8C
DED68E
BDDE8C

Triadic

DED68E
8CDED6
D68CDE

Split-Comp.

DED68E
8CBDDE
AD8CDE

Tetradic

DED68E
8CDEAD
8C95DE
DE8CBD

Contrast Matrix WCAG 2.1 Contrast

DED68E
FFAC75
FF7C6E
C27685
706D8C
—
1.2
Fail
1.7
Fail
2.3
Fail
3.3
AA Large
1.2
Fail
—
1.4
Fail
1.8
Fail
2.7
Fail
1.7
Fail
1.4
Fail
—
1.3
Fail
2.0
Fail
2.3
Fail
1.8
Fail
1.3
Fail
—
1.5
Fail
3.3
AA Large
2.7
Fail
2.0
Fail
1.5
Fail
—
White BG
1.5Fail
1.8Fail
2.5Fail
3.4AA Large
4.9AA
Black BG
14.1AAA
11.4AAA
8.4AAA
6.2AA
4.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

DBDA9F
DBDA82
C6C571
A1A081
6F6F84

Deuteranopia

DBDCA4
E0E686
CED872
A6AB81
6F6F83

Tritanopia

DEADB0
FB8D8F
F87475
BE7F7E
707F7D

Achromatopsia

D0D0D0
BFBFBF
A2A2A2
8E8E8E
717171

Shades & Tints Shades & Tints

#DED68E

Dark
Light

#FFAC75

Dark
Light

#FF7C6E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ded68e;
  --color-2: #ffac75;
  --color-3: #ff7c6e;
  --color-4: #c27685;
  --color-5: #706d8c;
}

SCSS

$color-1: #ded68e;
$color-2: #ffac75;
$color-3: #ff7c6e;
$color-4: #c27685;
$color-5: #706d8c;

TAILWIND

colors: {
  'brand-1': '#ded68e',
  'brand-2': '#ffac75',
  'brand-3': '#ff7c6e',
  'brand-4': '#c27685',
  'brand-5': '#706d8c',
}

RGB Array

[222, 214, 142], [255, 172, 117], [255, 124, 110], [194, 118, 133], [112, 109, 140]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DED68E, #FFAC75, #FF7C6E, #C27685, #706D8C 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: #ded68e; --color-2: #ffac75; --color-3: #ff7c6e; --color-4: #c27685; --color-5: #706d8c. 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 general-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