← Back to Editor

#DDD9B0 · #93B698 · #FFBF0E · #FF8643 · #FF4F7C

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#DDD9B0

Fresh Green · Wheat · Lemon Cream

HEX
#DDD9B0
RGB
rgb(221, 217, 176)
HSL
hsl(55, 40%, 78%)
HSB
hsb(55, 20%, 87%)
CMYK
cmyk(0%, 2%, 20%, 13%)
Oklch
oklch(87.8% 0.054 102.8)

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

#93B698

Celadon · DarkSeaGreen · Apple Green

HEX
#93B698
RGB
rgb(147, 182, 152)
HSL
hsl(129, 19%, 65%)
HSB
hsb(129, 19%, 71%)
CMYK
cmyk(19%, 0%, 16%, 29%)
Oklch
oklch(74.2% 0.057 149.0)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#FFBF0E

Ginger · Gold · Sunflower

HEX
#FFBF0E
RGB
rgb(255, 191, 14)
HSL
hsl(44, 100%, 53%)
HSB
hsb(44, 95%, 100%)
CMYK
cmyk(0%, 25%, 95%, 0%)
Oklch
oklch(84.0% 0.171 83.8)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#FF8643

Apricot · Coral · Warm Sun

HEX
#FF8643
RGB
rgb(255, 134, 67)
HSL
hsl(21, 100%, 63%)
HSB
hsb(21, 74%, 100%)
CMYK
cmyk(0%, 47%, 74%, 0%)
Oklch
oklch(74.4% 0.167 47.2)

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

#FF4F7C

Peach Pink · Salmon · Coral Red

HEX
#FF4F7C
RGB
rgb(255, 79, 124)
HSL
hsl(345, 100%, 65%)
HSB
hsb(345, 69%, 100%)
CMYK
cmyk(0%, 69%, 51%, 0%)
Oklch
oklch(68.4% 0.212 9.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DDD9B0
B0B4DD

Analogous

DDC3B0
DDD9B0
CBDDB0

Triadic

DDD9B0
B0DDDA
DAB0DD

Split-Comp.

DDD9B0
B0CBDD
C3B0DD

Tetradic

DDD9B0
B0DDC3
B0B4DD
DDB0CB

Contrast Matrix WCAG 2.1 Contrast

DDD9B0
93B698
FFBF0E
FF8643
FF4F7C
—
1.6
Fail
1.2
Fail
1.7
Fail
2.2
Fail
1.6
Fail
—
1.4
Fail
1.1
Fail
1.4
Fail
1.2
Fail
1.4
Fail
—
1.5
Fail
1.9
Fail
1.7
Fail
1.1
Fail
1.5
Fail
—
1.3
Fail
2.2
Fail
1.4
Fail
1.9
Fail
1.3
Fail
—
White BG
1.4Fail
2.2Fail
1.7Fail
2.4Fail
3.2AA Large
Black BG
14.6AAA
9.4AAA
12.7AAA
8.7AAA
6.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DBDBBA
A2A29F
E3E339
CBCA53
B3B171

Deuteranopia

DCDCBC
A09EA1
E7EC43
D2DB57
BDCA6F

Tritanopia

DDC2C3
95A5A6
FC5B62
F96063
F66967

Achromatopsia

D6D6D6
A8A8A8
BEBEBE
A3A3A3
898989

Shades & Tints Shades & Tints

#DDD9B0

Dark
Light

#93B698

Dark
Light

#FFBF0E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ddd9b0;
  --color-2: #93b698;
  --color-3: #ffbf0e;
  --color-4: #ff8643;
  --color-5: #ff4f7c;
}

SCSS

$color-1: #ddd9b0;
$color-2: #93b698;
$color-3: #ffbf0e;
$color-4: #ff8643;
$color-5: #ff4f7c;

TAILWIND

colors: {
  'brand-1': '#ddd9b0',
  'brand-2': '#93b698',
  'brand-3': '#ffbf0e',
  'brand-4': '#ff8643',
  'brand-5': '#ff4f7c',
}

RGB Array

[221, 217, 176], [147, 182, 152], [255, 191, 14], [255, 134, 67], [255, 79, 124]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DDD9B0, #93B698, #FFBF0E, #FF8643, #FF4F7C 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: #ddd9b0; --color-2: #93b698; --color-3: #ffbf0e; --color-4: #ff8643; --color-5: #ff4f7c. 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 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