← Back to Editor

#342649 · #A26272 · #F69A9F · #E1C4BE · #D5E2D0

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

#342649

Deep Indigo · DarkSlateGray · Eggplant

HEX
#342649
RGB
rgb(52, 38, 73)
HSL
hsl(264, 32%, 22%)
HSB
hsb(264, 48%, 29%)
CMYK
cmyk(29%, 48%, 0%, 71%)
Oklch
oklch(30.2% 0.063 301.1)

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

#A26272

Crimson · Gray · Passion Red

HEX
#A26272
RGB
rgb(162, 98, 114)
HSL
hsl(345, 26%, 51%)
HSB
hsb(345, 40%, 64%)
CMYK
cmyk(0%, 40%, 30%, 36%)
Oklch
oklch(57.2% 0.085 3.9)

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

#F69A9F

Peach Pink · LightSalmon · Coral Red

HEX
#F69A9F
RGB
rgb(246, 154, 159)
HSL
hsl(357, 84%, 78%)
HSB
hsb(357, 37%, 96%)
CMYK
cmyk(0%, 37%, 35%, 4%)
Oklch
oklch(78.1% 0.110 16.4)

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

#E1C4BE

Peach Pink · LightGray · Cherry Blossom

HEX
#E1C4BE
RGB
rgb(225, 196, 190)
HSL
hsl(10, 37%, 81%)
HSB
hsb(10, 16%, 88%)
CMYK
cmyk(0%, 13%, 16%, 12%)
Oklch
oklch(84.3% 0.034 31.6)

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

#D5E2D0

Celadon · LightGray · Mint Green

HEX
#D5E2D0
RGB
rgb(213, 226, 208)
HSL
hsl(103, 24%, 85%)
HSB
hsb(103, 8%, 89%)
CMYK
cmyk(6%, 0%, 8%, 11%)
Oklch
oklch(89.8% 0.028 136.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

342649
3C4A26

Analogous

262A4A
342649
46264A

Triadic

342649
4A3526
264A35

Split-Comp.

342649
4A4626
2A4A26

Tetradic

342649
4A262A
3C4A26
264A46

Contrast Matrix WCAG 2.1 Contrast

342649
A26272
F69A9F
E1C4BE
D5E2D0
—
3.0
Fail
6.6
AA
8.5
AAA
10.3
AAA
3.0
Fail
—
2.2
Fail
2.8
Fail
3.5
AA Large
6.6
AA
2.2
Fail
—
1.3
Fail
1.6
Fail
8.5
AAA
2.8
Fail
1.3
Fail
—
1.2
Fail
10.3
AAA
3.5
AA Large
1.6
Fail
1.2
Fail
—
White BG
13.8AAA
4.6AA
2.1Fail
1.6Fail
1.3Fail
Black BG
1.5Fail
4.5AA
10.0AAA
12.8AAA
15.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

2E2E41
86866E
CECD9E
D4D4BF
DBDBD4

Deuteranopia

2F303E
8A8F6D
D4DA9E
D6D8C0
DAD9D5

Tritanopia

333A38
9F6B6A
F19D9D
E0C1C1
D6D8D9

Achromatopsia

2E2E2E
777777
B6B6B6
CCCCCC
DCDCDC

Shades & Tints Shades & Tints

#342649

Dark
Light

#A26272

Dark
Light

#F69A9F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #342649;
  --color-2: #a26272;
  --color-3: #f69a9f;
  --color-4: #e1c4be;
  --color-5: #d5e2d0;
}

SCSS

$color-1: #342649;
$color-2: #a26272;
$color-3: #f69a9f;
$color-4: #e1c4be;
$color-5: #d5e2d0;

TAILWIND

colors: {
  'brand-1': '#342649',
  'brand-2': '#a26272',
  'brand-3': '#f69a9f',
  'brand-4': '#e1c4be',
  'brand-5': '#d5e2d0',
}

RGB Array

[52, 38, 73], [162, 98, 114], [246, 154, 159], [225, 196, 190], [213, 226, 208]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #342649, #A26272, #F69A9F, #E1C4BE, #D5E2D0 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: #342649; --color-2: #a26272; --color-3: #f69a9f; --color-4: #e1c4be; --color-5: #d5e2d0. 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