← Back to Tools
Design timeless wedding asset sheets using our automated sage green wedding color palette builder for soft, organic layout combinations.
Export
Copy or download this palette as CSS, SCSS, Tailwind config, JSON, CSV, GPL, ASE or ACO.
:root {
--green: #9DC08B;
--green-50: #fcfefb;
--green-100: #f9fdf7;
--green-200: #f2f9ef;
--green-300: #eaf5e4;
--green-400: #dfeed7;
--green-500: #9DC08B;
--green-600: #acbea2;
--green-700: #78876f;
--green-800: #485341;
--green-900: #21281d;
--green-950: #050704;
--green: #609966;
--green-50: #f9fefa;
--green-100: #f3fbf4;
--green-200: #e8f5e9;
--green-300: #d8edda;
--green-400: #c4e2c7;
--green-500: #609966;
--green-600: #89ac8d;
--green-700: #5c7a60;
--green-800: #344b37;
--green-900: #152417;
--green-950: #020603;
--dark-cyan: #385F4F;
--dark-cyan-50: #f8fcfa;
--dark-cyan-100: #eff7f4;
--dark-cyan-200: #dfece7;
--dark-cyan-300: #caded6;
--dark-cyan-400: #adcabf;
--dark-cyan-500: #385F4F;
--dark-cyan-600: #6a8b7e;
--dark-cyan-700: #466157;
--dark-cyan-800: #263b33;
--dark-cyan-900: #0d1b16;
--dark-cyan-950: #010403;
--pale-orange: #D4C4A8;
--pale-orange-50: #fffefc;
--pale-orange-100: #fefcf9;
--pale-orange-200: #fcf9f3;
--pale-orange-300: #f9f4ec;
--pale-orange-400: #f4eee2;
--pale-orange-500: #D4C4A8;
--pale-orange-600: #c7bfb2;
--pale-orange-700: #8d877b;
--pale-orange-800: #575249;
--pale-orange-900: #2a2722;
--pale-orange-950: #080705;
--white: #F5F2EB;
--white-50: #fffffe;
--white-100: #fffefe;
--white-200: #fefefd;
--white-300: #fefdfb;
--white-400: #fdfcf9;
--white-500: #F5F2EB;
--white-600: #d4d2cf;
--white-700: #969592;
--white-800: #5c5b59;
--white-900: #2d2c2b;
--white-950: #090908;
}
$green: #9DC08B; $green-50: #fcfefb; $green-100: #f9fdf7; $green-200: #f2f9ef; $green-300: #eaf5e4; $green-400: #dfeed7; $green-500: #9DC08B; $green-600: #acbea2; $green-700: #78876f; $green-800: #485341; $green-900: #21281d; $green-950: #050704; $green: #609966; $green-50: #f9fefa; $green-100: #f3fbf4; $green-200: #e8f5e9; $green-300: #d8edda; $green-400: #c4e2c7; $green-500: #609966; $green-600: #89ac8d; $green-700: #5c7a60; $green-800: #344b37; $green-900: #152417; $green-950: #020603; $dark-cyan: #385F4F; $dark-cyan-50: #f8fcfa; $dark-cyan-100: #eff7f4; $dark-cyan-200: #dfece7; $dark-cyan-300: #caded6; $dark-cyan-400: #adcabf; $dark-cyan-500: #385F4F; $dark-cyan-600: #6a8b7e; $dark-cyan-700: #466157; $dark-cyan-800: #263b33; $dark-cyan-900: #0d1b16; $dark-cyan-950: #010403; $pale-orange: #D4C4A8; $pale-orange-50: #fffefc; $pale-orange-100: #fefcf9; $pale-orange-200: #fcf9f3; $pale-orange-300: #f9f4ec; $pale-orange-400: #f4eee2; $pale-orange-500: #D4C4A8; $pale-orange-600: #c7bfb2; $pale-orange-700: #8d877b; $pale-orange-800: #575249; $pale-orange-900: #2a2722; $pale-orange-950: #080705; $white: #F5F2EB; $white-50: #fffffe; $white-100: #fffefe; $white-200: #fefefd; $white-300: #fefdfb; $white-400: #fdfcf9; $white-500: #F5F2EB; $white-600: #d4d2cf; $white-700: #969592; $white-800: #5c5b59; $white-900: #2d2c2b; $white-950: #090908;
colors: {
'green': {
50: '#fcfefb',
100: '#f9fdf7',
200: '#f2f9ef',
300: '#eaf5e4',
400: '#dfeed7',
500: '#9DC08B',
600: '#acbea2',
700: '#78876f',
800: '#485341',
900: '#21281d',
950: '#050704',
DEFAULT: '#9DC08B',
},
'green': {
50: '#f9fefa',
100: '#f3fbf4',
200: '#e8f5e9',
300: '#d8edda',
400: '#c4e2c7',
500: '#609966',
600: '#89ac8d',
700: '#5c7a60',
800: '#344b37',
900: '#152417',
950: '#020603',
DEFAULT: '#609966',
},
'dark-cyan': {
50: '#f8fcfa',
100: '#eff7f4',
200: '#dfece7',
300: '#caded6',
400: '#adcabf',
500: '#385F4F',
600: '#6a8b7e',
700: '#466157',
800: '#263b33',
900: '#0d1b16',
950: '#010403',
DEFAULT: '#385F4F',
},
'pale-orange': {
50: '#fffefc',
100: '#fefcf9',
200: '#fcf9f3',
300: '#f9f4ec',
400: '#f4eee2',
500: '#D4C4A8',
600: '#c7bfb2',
700: '#8d877b',
800: '#575249',
900: '#2a2722',
950: '#080705',
DEFAULT: '#D4C4A8',
},
'white': {
50: '#fffffe',
100: '#fffefe',
200: '#fefefd',
300: '#fefdfb',
400: '#fdfcf9',
500: '#F5F2EB',
600: '#d4d2cf',
700: '#969592',
800: '#5c5b59',
900: '#2d2c2b',
950: '#090908',
DEFAULT: '#F5F2EB',
},
},
[
{
"name": "green",
"harmony": "Palette",
"hex": "#9DC08B",
"rgb": {
"r": 157,
"g": 192,
"b": 139
},
"hsl": {
"h": 100,
"s": 30,
"l": 65
},
"value": "#9DC08B",
"tonalScale": {
"50": {
"hex": "#fcfefb",
"rgb": {
"r": 252,
"g": 254,
"b": 251
}
},
"100": {
"hex": "#f9fdf7",
"rgb": {
"r": 249,
"g": 253,
"b": 247
}
},
"200": {
"hex": "#f2f9ef",
"rgb": {
"r": 242,
"g": 249,
"b": 239
}
},
"300": {
"hex": "#eaf5e4",
"rgb": {
"r": 234,
"g": 245,
"b": 228
}
},
"400": {
"hex": "#dfeed7",
"rgb": {
"r": 223,
"g": 238,
"b": 215
}
},
"500": {
"hex": "#9DC08B",
"rgb": {
"r": 157,
"g": 192,
"b": 139
}
},
"600": {
"hex": "#acbea2",
"rgb": {
"r": 172,
"g": 190,
"b": 162
}
},
"700": {
"hex": "#78876f",
"rgb": {
"r": 120,
"g": 135,
"b": 111
}
},
"800": {
"hex": "#485341",
"rgb": {
"r": 72,
"g": 83,
"b": 65
}
},
"900": {
"hex": "#21281d",
"rgb": {
"r": 33,
"g": 40,
"b": 29
}
},
"950": {
"hex": "#050704",
"rgb": {
"r": 5,
"g": 7,
"b": 4
}
}
}
},
{
"name": "green",
"harmony": "Palette",
"hex": "#609966",
"rgb": {
"r": 96,
"g": 153,
"b": 102
},
"hsl": {
"h": 126,
"s": 23,
"l": 49
},
"value": "#609966",
"tonalScale": {
"50": {
"hex": "#f9fefa",
"rgb": {
"r": 249,
"g": 254,
"b": 250
}
},
"100": {
"hex": "#f3fbf4",
"rgb": {
"r": 243,
"g": 251,
"b": 244
}
},
"200": {
"hex": "#e8f5e9",
"rgb": {
"r": 232,
"g": 245,
"b": 233
}
},
"300": {
"hex": "#d8edda",
"rgb": {
"r": 216,
"g": 237,
"b": 218
}
},
"400": {
"hex": "#c4e2c7",
"rgb": {
"r": 196,
"g": 226,
"b": 199
}
},
"500": {
"hex": "#609966",
"rgb": {
"r": 96,
"g": 153,
"b": 102
}
},
"600": {
"hex": "#89ac8d",
"rgb": {
"r": 137,
"g": 172,
"b": 141
}
},
"700": {
"hex": "#5c7a60",
"rgb": {
"r": 92,
"g": 122,
"b": 96
}
},
"800": {
"hex": "#344b37",
"rgb": {
"r": 52,
"g": 75,
"b": 55
}
},
"900": {
"hex": "#152417",
"rgb": {
"r": 21,
"g": 36,
"b": 23
}
},
"950": {
"hex": "#020603",
"rgb": {
"r": 2,
"g": 6,
"b": 3
}
}
}
},
{
"name": "dark-cyan",
"harmony": "Palette",
"hex": "#385F4F",
"rgb": {
"r": 56,
"g": 95,
"b": 79
},
"hsl": {
"h": 155,
"s": 26,
"l": 30
},
"value": "#385F4F",
"tonalScale": {
"50": {
"hex": "#f8fcfa",
"rgb": {
"r": 248,
"g": 252,
"b": 250
}
},
"100": {
"hex": "#eff7f4",
"rgb": {
"r": 239,
"g": 247,
"b": 244
}
},
"200": {
"hex": "#dfece7",
"rgb": {
"r": 223,
"g": 236,
"b": 231
}
},
"300": {
"hex": "#caded6",
"rgb": {
"r": 202,
"g": 222,
"b": 214
}
},
"400": {
"hex": "#adcabf",
"rgb": {
"r": 173,
"g": 202,
"b": 191
}
},
"500": {
"hex": "#385F4F",
"rgb": {
"r": 56,
"g": 95,
"b": 79
}
},
"600": {
"hex": "#6a8b7e",
"rgb": {
"r": 106,
"g": 139,
"b": 126
}
},
"700": {
"hex": "#466157",
"rgb": {
"r": 70,
"g": 97,
"b": 87
}
},
"800": {
"hex": "#263b33",
"rgb": {
"r": 38,
"g": 59,
"b": 51
}
},
"900": {
"hex": "#0d1b16",
"rgb": {
"r": 13,
"g": 27,
"b": 22
}
},
"950": {
"hex": "#010403",
"rgb": {
"r": 1,
"g": 4,
"b": 3
}
}
}
},
{
"name": "pale-orange",
"harmony": "Palette",
"hex": "#D4C4A8",
"rgb": {
"r": 212,
"g": 196,
"b": 168
},
"hsl": {
"h": 38,
"s": 34,
"l": 75
},
"value": "#D4C4A8",
"tonalScale": {
"50": {
"hex": "#fffefc",
"rgb": {
"r": 255,
"g": 254,
"b": 252
}
},
"100": {
"hex": "#fefcf9",
"rgb": {
"r": 254,
"g": 252,
"b": 249
}
},
"200": {
"hex": "#fcf9f3",
"rgb": {
"r": 252,
"g": 249,
"b": 243
}
},
"300": {
"hex": "#f9f4ec",
"rgb": {
"r": 249,
"g": 244,
"b": 236
}
},
"400": {
"hex": "#f4eee2",
"rgb": {
"r": 244,
"g": 238,
"b": 226
}
},
"500": {
"hex": "#D4C4A8",
"rgb": {
"r": 212,
"g": 196,
"b": 168
}
},
"600": {
"hex": "#c7bfb2",
"rgb": {
"r": 199,
"g": 191,
"b": 178
}
},
"700": {
"hex": "#8d877b",
"rgb": {
"r": 141,
"g": 135,
"b": 123
}
},
"800": {
"hex": "#575249",
"rgb": {
"r": 87,
"g": 82,
"b": 73
}
},
"900": {
"hex": "#2a2722",
"rgb": {
"r": 42,
"g": 39,
"b": 34
}
},
"950": {
"hex": "#080705",
"rgb": {
"r": 8,
"g": 7,
"b": 5
}
}
}
},
{
"name": "white",
"harmony": "Palette",
"hex": "#F5F2EB",
"rgb": {
"r": 245,
"g": 242,
"b": 235
},
"hsl": {
"h": 42,
"s": 33,
"l": 94
},
"value": "#F5F2EB",
"tonalScale": {
"50": {
"hex": "#fffffe",
"rgb": {
"r": 255,
"g": 255,
"b": 254
}
},
"100": {
"hex": "#fffefe",
"rgb": {
"r": 255,
"g": 254,
"b": 254
}
},
"200": {
"hex": "#fefefd",
"rgb": {
"r": 254,
"g": 254,
"b": 253
}
},
"300": {
"hex": "#fefdfb",
"rgb": {
"r": 254,
"g": 253,
"b": 251
}
},
"400": {
"hex": "#fdfcf9",
"rgb": {
"r": 253,
"g": 252,
"b": 249
}
},
"500": {
"hex": "#F5F2EB",
"rgb": {
"r": 245,
"g": 242,
"b": 235
}
},
"600": {
"hex": "#d4d2cf",
"rgb": {
"r": 212,
"g": 210,
"b": 207
}
},
"700": {
"hex": "#969592",
"rgb": {
"r": 150,
"g": 149,
"b": 146
}
},
"800": {
"hex": "#5c5b59",
"rgb": {
"r": 92,
"g": 91,
"b": 89
}
},
"900": {
"hex": "#2d2c2b",
"rgb": {
"r": 45,
"g": 44,
"b": 43
}
},
"950": {
"hex": "#090908",
"rgb": {
"r": 9,
"g": 9,
"b": 8
}
}
}
}
]
Name,Harmony,Hex,RGB,HSL,Value,T50,T100,T200,T300,T400,T500,T600,T700,T800,T900,T950 green,Palette,#9DC08B,"rgb(157, 192, 139)","hsl(100, 30%, 65%)",#9DC08B,#fcfefb,#f9fdf7,#f2f9ef,#eaf5e4,#dfeed7,#9DC08B,#acbea2,#78876f,#485341,#21281d,#050704 green,Palette,#609966,"rgb(96, 153, 102)","hsl(126, 23%, 49%)",#609966,#f9fefa,#f3fbf4,#e8f5e9,#d8edda,#c4e2c7,#609966,#89ac8d,#5c7a60,#344b37,#152417,#020603 dark-cyan,Palette,#385F4F,"rgb(56, 95, 79)","hsl(155, 26%, 30%)",#385F4F,#f8fcfa,#eff7f4,#dfece7,#caded6,#adcabf,#385F4F,#6a8b7e,#466157,#263b33,#0d1b16,#010403 pale-orange,Palette,#D4C4A8,"rgb(212, 196, 168)","hsl(38, 34%, 75%)",#D4C4A8,#fffefc,#fefcf9,#fcf9f3,#f9f4ec,#f4eee2,#D4C4A8,#c7bfb2,#8d877b,#575249,#2a2722,#080705 white,Palette,#F5F2EB,"rgb(245, 242, 235)","hsl(42, 33%, 94%)",#F5F2EB,#fffffe,#fffefe,#fefefd,#fefdfb,#fdfcf9,#F5F2EB,#d4d2cf,#969592,#5c5b59,#2d2c2b,#090908
GIMP Palette Name: PocketSwiss analogous Columns: 4 # 157 192 139 green 252 254 251 green-50 249 253 247 green-100 242 249 239 green-200 234 245 228 green-300 223 238 215 green-400 157 192 139 green-500 172 190 162 green-600 120 135 111 green-700 72 83 65 green-800 33 40 29 green-900 5 7 4 green-950 96 153 102 green 249 254 250 green-50 243 251 244 green-100 232 245 233 green-200 216 237 218 green-300 196 226 199 green-400 96 153 102 green-500 137 172 141 green-600 92 122 96 green-700 52 75 55 green-800 21 36 23 green-900 2 6 3 green-950 56 95 79 dark-cyan 248 252 250 dark-cyan-50 239 247 244 dark-cyan-100 223 236 231 dark-cyan-200 202 222 214 dark-cyan-300 173 202 191 dark-cyan-400 56 95 79 dark-cyan-500 106 139 126 dark-cyan-600 70 97 87 dark-cyan-700 38 59 51 dark-cyan-800 13 27 22 dark-cyan-900 1 4 3 dark-cyan-950 212 196 168 pale-orange 255 254 252 pale-orange-50 254 252 249 pale-orange-100 252 249 243 pale-orange-200 249 244 236 pale-orange-300 244 238 226 pale-orange-400 212 196 168 pale-orange-500 199 191 178 pale-orange-600 141 135 123 pale-orange-700 87 82 73 pale-orange-800 42 39 34 pale-orange-900 8 7 5 pale-orange-950 245 242 235 white 255 255 254 white-50 255 254 254 white-100 254 254 253 white-200 254 253 251 white-300 253 252 249 white-400 245 242 235 white-500 212 210 207 white-600 150 149 146 white-700 92 91 89 white-800 45 44 43 white-900 9 9 8 white-950
Binary ASE — use Download to save the file.
Binary ACO — use Download to save the file.