Lucky Clover Color Palette
Shamrock luck: bright clover and shamrock green through deep forest, finished with a pot-of-gold accent over cream. Cheerful and lucky, the green doing the work with gold for sparkle. For St. Patrick's Day graphics, festive lettering, and Irish-themed design.
Get Paintrix free on the App Store.
Download
Hex codes
Color theory
Base
Complement
Analogous −30°
Analogous +30°
Triadic
Use it for
Code formats
CSS
:root {
--lucky-green-1: #F0EAD6;
--lucky-green-2: #E5DBBC;
--lucky-green-3: #D7C99E;
--lucky-green-4: #C6B47F;
--lucky-green-5: #B39E63;
--lucky-green-6: #9F884B;
--lucky-green-7: #2E9E4A;
--lucky-green-8: #298E42;
--lucky-green-9: #247E3A;
--lucky-green-10: #1F6E33;
--lucky-green-11: #1A5E2B;
--lucky-green-12: #154E23;
--lucky-green-13: #14502A;
--lucky-green-14: #114626;
--lucky-green-15: #0E3C21;
--lucky-green-16: #0B321B;
--lucky-green-17: #082816;
--lucky-green-18: #051E10;
--lucky-green-19: #4FB85E;
--lucky-green-20: #45A953;
--lucky-green-21: #3B9A48;
--lucky-green-22: #318B3D;
--lucky-green-23: #287B33;
--lucky-green-24: #206B29;
--lucky-green-25: #D4A93A;
--lucky-green-26: #C39830;
--lucky-green-27: #B18727;
--lucky-green-28: #9D761F;
--lucky-green-29: #896518;
--lucky-green-30: #755512;
}SCSS
$lucky-green-1: #F0EAD6;
$lucky-green-2: #E5DBBC;
$lucky-green-3: #D7C99E;
$lucky-green-4: #C6B47F;
$lucky-green-5: #B39E63;
$lucky-green-6: #9F884B;
$lucky-green-7: #2E9E4A;
$lucky-green-8: #298E42;
$lucky-green-9: #247E3A;
$lucky-green-10: #1F6E33;
$lucky-green-11: #1A5E2B;
$lucky-green-12: #154E23;
$lucky-green-13: #14502A;
$lucky-green-14: #114626;
$lucky-green-15: #0E3C21;
$lucky-green-16: #0B321B;
$lucky-green-17: #082816;
$lucky-green-18: #051E10;
$lucky-green-19: #4FB85E;
$lucky-green-20: #45A953;
$lucky-green-21: #3B9A48;
$lucky-green-22: #318B3D;
$lucky-green-23: #287B33;
$lucky-green-24: #206B29;
$lucky-green-25: #D4A93A;
$lucky-green-26: #C39830;
$lucky-green-27: #B18727;
$lucky-green-28: #9D761F;
$lucky-green-29: #896518;
$lucky-green-30: #755512;Tailwind
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
'lucky-green': {
'1': '#F0EAD6',
'2': '#E5DBBC',
'3': '#D7C99E',
'4': '#C6B47F',
'5': '#B39E63',
'6': '#9F884B',
'7': '#2E9E4A',
'8': '#298E42',
'9': '#247E3A',
'10': '#1F6E33',
'11': '#1A5E2B',
'12': '#154E23',
'13': '#14502A',
'14': '#114626',
'15': '#0E3C21',
'16': '#0B321B',
'17': '#082816',
'18': '#051E10',
'19': '#4FB85E',
'20': '#45A953',
'21': '#3B9A48',
'22': '#318B3D',
'23': '#287B33',
'24': '#206B29',
'25': '#D4A93A',
'26': '#C39830',
'27': '#B18727',
'28': '#9D761F',
'29': '#896518',
'30': '#755512',
},
},
},
},
};JSON
{
"name": "Lucky Clover",
"colors": [
"#F0EAD6",
"#E5DBBC",
"#D7C99E",
"#C6B47F",
"#B39E63",
"#9F884B",
"#2E9E4A",
"#298E42",
"#247E3A",
"#1F6E33",
"#1A5E2B",
"#154E23",
"#14502A",
"#114626",
"#0E3C21",
"#0B321B",
"#082816",
"#051E10",
"#4FB85E",
"#45A953",
"#3B9A48",
"#318B3D",
"#287B33",
"#206B29",
"#D4A93A",
"#C39830",
"#B18727",
"#9D761F",
"#896518",
"#755512"
]
}Hex list
#F0EAD6
#E5DBBC
#D7C99E
#C6B47F
#B39E63
#9F884B
#2E9E4A
#298E42
#247E3A
#1F6E33
#1A5E2B
#154E23
#14502A
#114626
#0E3C21
#0B321B
#082816
#051E10
#4FB85E
#45A953
#3B9A48
#318B3D
#287B33
#206B29
#D4A93A
#C39830
#B18727
#9D761F
#896518
#755512