Green Color Palette
Growth · Nature · Health
A fresh green palette from pale mint to deep forest tones. Green represents growth, nature, health, and prosperity. The dominant colour for environmental, wellness, and fintech brands.
| Swatch | Name | Hex |
|---|---|---|
| Mint 50 | #F0FDF4 | |
| Green 200 | #BBF7D0 | |
| Green 400 | #4ADE80 | |
| Green 500 | #22C55E | |
| Green 700 | #15803D | |
| Forest | #14532D |
Best For
Use green for success states, confirmations, and eco-brand primaries. Light greens work as background tints for positive feedback zones.
CSS Custom Properties
:root {
--green-100: #F0FDF4;
--green-200: #BBF7D0;
--green-300: #4ADE80;
--green-400: #22C55E;
--green-500: #15803D;
--green-600: #14532D;
}Tailwind CSS Config
// tailwind.config.ts
export default {
theme: {
extend: {
colors: {
"green": {
"100": "#F0FDF4",
"200": "#BBF7D0",
"300": "#4ADE80",
"400": "#22C55E",
"500": "#15803D",
"600": "#14532D",
},
},
},
},
}Generate a custom palette
Enter any seed colour and generate complementary, analogous, triadic, and monochromatic palettes. Export as CSS variables, Tailwind config, or JSON.
Open Color Palette GeneratorFrequently Asked Questions
What hex codes are in the Green Color Palette?
The Green Color Palette includes: Mint 50 (#F0FDF4), Green 200 (#BBF7D0), Green 400 (#4ADE80), Green 500 (#22C55E), Green 700 (#15803D), Forest (#14532D).
What is the mood of the Green Color Palette?
Green Color Palette evokes: Growth · Nature · Health. A fresh green palette from pale mint to deep forest tones. Green represents growth, nature, health, and prosperity. The dominant colour for environmental, wellness, and fintech brands.
What industries use the Green Color Palette?
The Green Color Palette is popular in: Environment, Wellness, Finance, Agriculture. Use green for success states, confirmations, and eco-brand primaries. Light greens work as background tints for positive feedback zones.
What colours pair well with this palette?
This palette pairs well with: white, cream, brown. Use green for success states, confirmations, and eco-brand primaries. Light greens work as background tints for positive feedback zones.