Earthy Natural
A natural earthy palette inspired by soil, stone, and vegetation. Creates a grounded, organic feel connected to nature.
Color Breakdown
Role
background
Name
Zinc 50
Hex
#fafafa
Tailwind
bg-zinc-50
Role
surface
Name
White
Hex
#ffffff
Tailwind
bg-white
Role
primary
Name
Emerald 600
Hex
#059669
Tailwind
text-emerald-600
Role
secondary
Name
Amber 500
Hex
#f59e0b
Tailwind
text-amber-500
Role
accent
Name
Orange 600
Hex
#ea580c
Tailwind
bg-orange-600
Live Preview
Welcome Back
This is a live preview of the Earthy Natural color scheme applied to a sample card component. See how the colors work together in a realistic UI context.
Design Rationale
“Emerald and amber mirror forest canopies and autumn foliage. Orange accents add the warmth of sunlit earth and clay.
Use Cases
CSS Variables
:root {
--background: #fafafa;
--surface: #ffffff;
--primary: #059669;
--secondary: #f59e0b;
--accent: #ea580c;
}Tailwind Config
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
'earthy-natural': {
'background': '#fafafa', // bg-zinc-50
'surface': '#ffffff', // bg-white
'primary': '#059669', // text-emerald-600
'secondary': '#f59e0b', // text-amber-500
'accent': '#ea580c', // bg-orange-600
},
},
},
},
};Related Color Schemes
Minimalist Light
A clean minimalist palette with abundant white space and subtle gray accents. Less is more with this restrained, elegant approach.
Minimalist Dark
A dark minimalist palette with refined grays and subtle accent color. Achieves elegance through restraint on a dark canvas.
Brutalist Raw
A raw brutalist palette with stark black-and-white contrast and no softening. Embraces imperfection and confrontational design.
Brutalist Colorful
A colorful brutalist palette that clashes bold hues intentionally. Breaks design rules with unapologetic vibrancy and contrast.
Retro 80s
A neon-tinged 80s retro palette with hot pink and electric blue. Channels the vibrant excess and synthwave aesthetic of the 1980s.
Retro 70s
A warm 70s retro palette with burnt orange and earthy browns. Evokes the groovy, laid-back vibe of the 1970s.
Build with This Scheme
Use our palette generator to customize and extend this color scheme for your project.
Open Palette Generator