← Back to Editor

#733C5B · #D14A50 · #CA926D · #CFC68B · #DDE2A0

nature

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

CalmOrganicGroundedWarm

Industry INDUSTRY

EcoWellnessOutdoor

UI Context UI CONTEXT

Brand WebsiteBlogData Visualization

Color Details Color Details

#733C5B

Rose Purple · DimGray · Camellia

HEX
#733C5B
RGB
rgb(115, 60, 91)
HSL
hsl(326, 31%, 34%)
HSB
hsb(326, 48%, 45%)
CMYK
cmyk(0%, 48%, 21%, 55%)
Oklch
oklch(43.5% 0.087 346.4)

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

#D14A50

Crimson · Tomato · Passion Red

HEX
#D14A50
RGB
rgb(209, 74, 80)
HSL
hsl(357, 59%, 55%)
HSB
hsb(357, 65%, 82%)
CMYK
cmyk(0%, 65%, 62%, 18%)
Oklch
oklch(59.6% 0.170 21.4)

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

#CA926D

Apricot · DarkSalmon · Warm Sun

HEX
#CA926D
RGB
rgb(202, 146, 109)
HSL
hsl(24, 47%, 61%)
HSB
hsb(24, 46%, 79%)
CMYK
cmyk(0%, 28%, 46%, 21%)
Oklch
oklch(70.6% 0.085 54.3)

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

#CFC68B

Fresh Green · Tan · Sunflower

HEX
#CFC68B
RGB
rgb(207, 198, 139)
HSL
hsl(52, 41%, 68%)
HSB
hsb(52, 33%, 81%)
CMYK
cmyk(0%, 4%, 33%, 19%)
Oklch
oklch(82.0% 0.078 100.5)

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

#DDE2A0

Fresh Green · Khaki · Lemon Cream

HEX
#DDE2A0
RGB
rgb(221, 226, 160)
HSL
hsl(65, 53%, 76%)
HSB
hsb(65, 29%, 89%)
CMYK
cmyk(2%, 0%, 29%, 11%)
Oklch
oklch(89.3% 0.086 111.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

733C5B
3C7253

Analogous

6E3C72
733C5B
723C3F

Triadic

733C5B
5A723C
3C5A72

Split-Comp.

733C5B
3F723C
3C726E

Tetradic

733C5B
726E3C
3C7253
3C3F72

Contrast Matrix WCAG 2.1 Contrast

733C5B
D14A50
CA926D
CFC68B
DDE2A0
—
1.9
Fail
3.1
AA Large
4.8
AA
6.1
AA
1.9
Fail
—
1.6
Fail
2.5
Fail
3.2
AA Large
3.1
AA Large
1.6
Fail
—
1.5
Fail
2.0
Fail
4.8
AA
2.5
Fail
1.5
Fail
—
1.3
Fail
6.1
AA
3.2
AA Large
2.0
Fail
1.3
Fail
—
White BG
8.3AAA
4.4AA Large
2.7Fail
1.7Fail
1.4Fail
Black BG
2.5Fail
4.8AA
7.8AAA
12.1AAA
15.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5B5B53
97954F
B2B176
CBCB99
DFDFB0

Deuteranopia

5E6352
9EA84E
B5B978
CCCC9D
DFDFB4

Tritanopia

704E4C
CA4D4D
C77D7F
CFA5A7
DDBDBF

Achromatopsia

505050
737373
9F9F9F
C2C2C2
D9D9D9

Shades & Tints Shades & Tints

#733C5B

Dark
Light

#D14A50

Dark
Light

#CA926D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #733c5b;
  --color-2: #d14a50;
  --color-3: #ca926d;
  --color-4: #cfc68b;
  --color-5: #dde2a0;
}

SCSS

$color-1: #733c5b;
$color-2: #d14a50;
$color-3: #ca926d;
$color-4: #cfc68b;
$color-5: #dde2a0;

TAILWIND

colors: {
  'brand-1': '#733c5b',
  'brand-2': '#d14a50',
  'brand-3': '#ca926d',
  'brand-4': '#cfc68b',
  'brand-5': '#dde2a0',
}

RGB Array

[115, 60, 91], [209, 74, 80], [202, 146, 109], [207, 198, 139], [221, 226, 160]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This nature-style palette of #733C5B, #D14A50, #CA926D, #CFC68B, #DDE2A0 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: #733c5b; --color-2: #d14a50; --color-3: #ca926d; --color-4: #cfc68b; --color-5: #dde2a0. 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