← Back to Editor

#C25969 · #D96C7D · #EBB5B5 · #D8D8D8 · #598080

nature

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

CalmOrganicGroundedWarmCool

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Brand WebsiteBlogData Visualization

Color Details Color Details

#C25969

Crimson · LightCoral · Passion Red

HEX
#C25969
RGB
rgb(194, 89, 105)
HSL
hsl(351, 46%, 55%)
HSB
hsb(351, 54%, 76%)
CMYK
cmyk(0%, 54%, 46%, 24%)
Oklch
oklch(59.8% 0.135 12.6)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#D96C7D

Peach Pink · LightCoral · Coral Red

HEX
#D96C7D
RGB
rgb(217, 108, 125)
HSL
hsl(351, 59%, 64%)
HSB
hsb(351, 50%, 85%)
CMYK
cmyk(0%, 50%, 42%, 15%)
Oklch
oklch(66.3% 0.137 11.8)

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

#EBB5B5

Peach Pink · LightPink · Cherry Blossom

HEX
#EBB5B5
RGB
rgb(235, 181, 181)
HSL
hsl(0, 57%, 82%)
HSB
hsb(0, 23%, 92%)
CMYK
cmyk(0%, 23%, 23%, 8%)
Oklch
oklch(82.2% 0.063 18.5)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#D8D8D8

Silver Gray · LightGray · Pearl Gray

HEX
#D8D8D8
RGB
rgb(216, 216, 216)
HSL
hsl(0, 0%, 85%)
HSB
hsb(0, 0%, 85%)
CMYK
cmyk(0%, 0%, 0%, 15%)
Oklch
oklch(88.2% 0.000 89.9)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

#598080

Slate Blue · SlateGray · Mint Ice

HEX
#598080
RGB
rgb(89, 128, 128)
HSL
hsl(180, 18%, 43%)
HSB
hsb(180, 30%, 50%)
CMYK
cmyk(30%, 0%, 0%, 50%)
Oklch
oklch(57.1% 0.043 196.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C25969
57C1B1

Analogous

C1579C
C25969
C17C57

Triadic

C25969
67C157
5767C1

Split-Comp.

C25969
57C17C
579CC1

Tetradic

C25969
9CC157
57C1B1
7C57C1

Contrast Matrix WCAG 2.1 Contrast

C25969
D96C7D
EBB5B5
D8D8D8
598080
—
1.3
Fail
2.4
Fail
3.0
Fail
1.0
Fail
1.3
Fail
—
1.8
Fail
2.3
Fail
1.3
Fail
2.4
Fail
1.8
Fail
—
1.2
Fail
2.4
Fail
3.0
Fail
2.3
Fail
1.2
Fail
—
3.1
AA Large
1.0
Fail
1.3
Fail
2.4
Fail
3.1
AA Large
—
White BG
4.3AA Large
3.3AA Large
1.8Fail
1.4Fail
4.4AA Large
Black BG
4.9AA
6.4AA
11.8AAA
14.7AAA
4.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

959465
AAA979
D4D3B5
D8D8D8
6A6A80

Deuteranopia

9BA264
B0B878
D7DBB5
D8D8D8
686580

Tritanopia

BD6261
D47675
E8B5B5
D8D8D8
5B8080

Achromatopsia

7A7A7A
8F8F8F
C5C5C5
D8D8D8
747474

Shades & Tints Shades & Tints

#C25969

Dark
Light

#D96C7D

Dark
Light

#EBB5B5

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c25969;
  --color-2: #d96c7d;
  --color-3: #ebb5b5;
  --color-4: #d8d8d8;
  --color-5: #598080;
}

SCSS

$color-1: #c25969;
$color-2: #d96c7d;
$color-3: #ebb5b5;
$color-4: #d8d8d8;
$color-5: #598080;

TAILWIND

colors: {
  'brand-1': '#c25969',
  'brand-2': '#d96c7d',
  'brand-3': '#ebb5b5',
  'brand-4': '#d8d8d8',
  'brand-5': '#598080',
}

RGB Array

[194, 89, 105], [217, 108, 125], [235, 181, 181], [216, 216, 216], [89, 128, 128]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #C25969, #D96C7D, #EBB5B5, #D8D8D8, #598080 is ideal for: health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #c25969; --color-2: #d96c7d; --color-3: #ebb5b5; --color-4: #d8d8d8; --color-5: #598080. 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 nature-style 5-color scheme is especially suited for tech, SaaS, healthcare, eco industries. 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