Fintech Green Color Palette
A modern fintech green palette conveying growth and prosperity. Perfect for banking, investment, and financial apps.
Dark Finance
HEX: #14532d
RGB: rgb(20, 83, 45)
HSL: hsl(144, 61%, 20%)
Deep Green
HEX: #15803d
RGB: rgb(21, 128, 61)
HSL: hsl(142, 72%, 29%)
Fintech Green
HEX: #22c55e
RGB: rgb(34, 197, 94)
HSL: hsl(142, 71%, 45%)
Light Green
HEX: #86efac
RGB: rgb(134, 239, 172)
HSL: hsl(142, 77%, 73%)
Green Surface
HEX: #dcfce7
RGB: rgb(220, 252, 231)
HSL: hsl(141, 84%, 93%)
CSS Variables
:root {
--fintech-green-1: #14532d;
--fintech-green-2: #15803d;
--fintech-green-3: #22c55e;
--fintech-green-4: #86efac;
--fintech-green-5: #dcfce7;
}Tailwind CSS Config
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
'fintech-green': {
'100': '#14532d',
'200': '#15803d',
'300': '#22c55e',
'400': '#86efac',
'500': '#dcfce7',
},
},
},
},
}Use Cases
Banking apps
Investment platforms
Crypto exchanges
Financial dashboards
Related Palettes
Frequently Asked Questions
Why is green popular in financial apps?▾
Green universally represents growth, profit, and positive change. In financial contexts, green means money, rising stocks, and successful transactions.
Should I use green for negative numbers in finance apps?▾
Color conventions vary by region. In Western markets, green means profit and red means loss. In some Asian markets, the convention is reversed. Know your audience.