← Back to Editor

#F0D9B0 · #EC6083 · #B37294 · #583B7D · #232152

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

#F0D9B0

Goose Yellow · Wheat · Peach Orange

HEX
#F0D9B0
RGB
rgb(240, 217, 176)
HSL
hsl(38, 68%, 82%)
HSB
hsb(38, 27%, 94%)
CMYK
cmyk(0%, 10%, 27%, 6%)
Oklch
oklch(89.4% 0.059 82.0)

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

#EC6083

Peach Pink · LightCoral · Coral Red

HEX
#EC6083
RGB
rgb(236, 96, 131)
HSL
hsl(345, 79%, 65%)
HSB
hsb(345, 59%, 93%)
CMYK
cmyk(0%, 59%, 44%, 7%)
Oklch
oklch(67.5% 0.175 7.6)

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

#B37294

Rose Purple · Gray · Rose Pink

HEX
#B37294
RGB
rgb(179, 114, 148)
HSL
hsl(329, 30%, 57%)
HSB
hsb(329, 36%, 70%)
CMYK
cmyk(0%, 36%, 17%, 30%)
Oklch
oklch(63.1% 0.093 347.4)

Traditional「Rose Purple」· Paint「Rose Pink」· Creative Blush Sunrise

#583B7D

Deep Indigo · DarkSlateBlue · Eggplant

HEX
#583B7D
RGB
rgb(88, 59, 125)
HSL
hsl(266, 36%, 36%)
HSB
hsb(266, 53%, 49%)
CMYK
cmyk(30%, 53%, 0%, 51%)
Oklch
oklch(41.7% 0.109 302.2)

Traditional「Deep Indigo」· Paint「Eggplant」· Creative Blush Sunrise

#232152

Deep Indigo · MidnightBlue · Prussian Blue

HEX
#232152
RGB
rgb(35, 33, 82)
HSL
hsl(242, 43%, 23%)
HSB
hsb(242, 60%, 32%)
CMYK
cmyk(57%, 60%, 0%, 68%)
Oklch
oklch(28.1% 0.087 281.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F0D9B0
B2C9F0

Analogous

F0BAB2
F0D9B0
E8F0B2

Triadic

F0D9B0
B2F0D9
D9B2F0

Split-Comp.

F0D9B0
B2E8F0
BAB2F0

Tetradic

F0D9B0
B2F0BA
B2C9F0
F0B2E8

Contrast Matrix WCAG 2.1 Contrast

F0D9B0
EC6083
B37294
583B7D
232152
—
2.3
Fail
2.7
Fail
6.5
AA
10.8
AAA
2.3
Fail
—
1.1
Fail
2.8
Fail
4.7
AA
2.7
Fail
1.1
Fail
—
2.5
Fail
4.1
AA Large
6.5
AA
2.8
Fail
2.5
Fail
—
1.7
Fail
10.8
AAA
4.7
AA
4.1
AA Large
1.7
Fail
—
White BG
1.4Fail
3.2AA Large
3.7AA Large
9.0AAA
14.9AAA
Black BG
15.3AAA
6.6AA
5.8AA
2.3Fail
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E6E6BA
AFAE7B
97968C
4B4B6D
222246

Deuteranopia

E7E9BC
B8C278
9BA08A
4D4F69
222243

Tritanopia

EFC2C3
E57472
B08584
57605E
233D3B

Achromatopsia

DBDBDB
8E8E8E
898989
4B4B4B
272727

Shades & Tints Shades & Tints

#F0D9B0

Dark
Light

#EC6083

Dark
Light

#B37294

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f0d9b0;
  --color-2: #ec6083;
  --color-3: #b37294;
  --color-4: #583b7d;
  --color-5: #232152;
}

SCSS

$color-1: #f0d9b0;
$color-2: #ec6083;
$color-3: #b37294;
$color-4: #583b7d;
$color-5: #232152;

TAILWIND

colors: {
  'brand-1': '#f0d9b0',
  'brand-2': '#ec6083',
  'brand-3': '#b37294',
  'brand-4': '#583b7d',
  'brand-5': '#232152',
}

RGB Array

[240, 217, 176], [236, 96, 131], [179, 114, 148], [88, 59, 125], [35, 33, 82]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #F0D9B0, #EC6083, #B37294, #583B7D, #232152 is ideal for: 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: #f0d9b0; --color-2: #ec6083; --color-3: #b37294; --color-4: #583b7d; --color-5: #232152. 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. 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