← Back to Editor

#DBF1C0 · #F1CF95 · #F5A381 · #F66479 · #97425E

space

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#DBF1C0

Willow Green · Wheat · Mint Green

HEX
#DBF1C0
RGB
rgb(219, 241, 192)
HSL
hsl(87, 64%, 85%)
HSB
hsb(87, 20%, 95%)
CMYK
cmyk(9%, 0%, 20%, 5%)
Oklch
oklch(93.0% 0.069 127.4)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

#F1CF95

Goose Yellow · Khaki · Peach Orange

HEX
#F1CF95
RGB
rgb(241, 207, 149)
HSL
hsl(38, 77%, 76%)
HSB
hsb(38, 38%, 95%)
CMYK
cmyk(0%, 14%, 38%, 5%)
Oklch
oklch(87.0% 0.084 80.6)

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

#F5A381

Apricot · LightSalmon · Warm Sun

HEX
#F5A381
RGB
rgb(245, 163, 129)
HSL
hsl(18, 85%, 73%)
HSB
hsb(18, 47%, 96%)
CMYK
cmyk(0%, 33%, 47%, 4%)
Oklch
oklch(78.9% 0.108 43.3)

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

#F66479

Peach Pink · Salmon · Coral Red

HEX
#F66479
RGB
rgb(246, 100, 121)
HSL
hsl(351, 89%, 68%)
HSB
hsb(351, 59%, 96%)
CMYK
cmyk(0%, 59%, 51%, 4%)
Oklch
oklch(69.2% 0.179 14.4)

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

#97425E

Dark Violet · Sienna · Camellia

HEX
#97425E
RGB
rgb(151, 66, 94)
HSL
hsl(340, 39%, 43%)
HSB
hsb(340, 56%, 59%)
CMYK
cmyk(0%, 56%, 38%, 41%)
Oklch
oklch(49.8% 0.118 1.6)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DBF1C0
D6C0F1

Analogous

F1EFC0
DBF1C0
C3F1C0

Triadic

DBF1C0
C0DBF1
F1C0DB

Split-Comp.

DBF1C0
C0C3F1
EFC0F1

Tetradic

DBF1C0
C0F1EF
D6C0F1
F1C0C3

Contrast Matrix WCAG 2.1 Contrast

DBF1C0
F1CF95
F5A381
F66479
97425E
—
1.2
Fail
1.7
Fail
2.5
Fail
5.3
AA
1.2
Fail
—
1.4
Fail
2.0
Fail
4.3
AA Large
1.7
Fail
1.4
Fail
—
1.5
Fail
3.2
AA Large
2.5
Fail
2.0
Fail
1.5
Fail
—
2.2
Fail
5.3
AA
4.3
AA Large
3.2
AA Large
2.2
Fail
—
White BG
1.2Fail
1.5Fail
2.0Fail
3.0Fail
6.4AA
Black BG
17.4AAA
14.1AAA
10.4AAA
7.0AAA
3.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

E5E5CC
E2E2A3
D1D189
B7B574
727157

Deuteranopia

E3E2CF
E4E7A6
D6DC8B
BFCA73
777D56

Tritanopia

DCD5D7
EFAEB1
F19091
EF706F
935251

Achromatopsia

E5E5E5
D3D3D3
B8B8B8
929292
5F5F5F

Shades & Tints Shades & Tints

#DBF1C0

Dark
Light

#F1CF95

Dark
Light

#F5A381

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dbf1c0;
  --color-2: #f1cf95;
  --color-3: #f5a381;
  --color-4: #f66479;
  --color-5: #97425e;
}

SCSS

$color-1: #dbf1c0;
$color-2: #f1cf95;
$color-3: #f5a381;
$color-4: #f66479;
$color-5: #97425e;

TAILWIND

colors: {
  'brand-1': '#dbf1c0',
  'brand-2': '#f1cf95',
  'brand-3': '#f5a381',
  'brand-4': '#f66479',
  'brand-5': '#97425e',
}

RGB Array

[219, 241, 192], [241, 207, 149], [245, 163, 129], [246, 100, 121], [151, 66, 94]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #DBF1C0, #F1CF95, #F5A381, #F66479, #97425E is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs, 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: #dbf1c0; --color-2: #f1cf95; --color-3: #f5a381; --color-4: #f66479; --color-5: #97425e. 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. 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 space-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