← Back to Tools
Create fresh journaling greens with warm paper cream (#F7F1E6), soft mint (#CFE0C8), sage (#9AB48F), muted green (#6F8B6E), and deep forest (#3F5B4A) for calm digital planners.
Export
Copy or download this palette as CSS, SCSS, Tailwind config, JSON, CSV, GPL, ASE or ACO.
:root {
--warm-paper-cream: #F7F1E6;
--warm-paper-cream-50: #fffffe;
--warm-paper-cream-100: #fffefd;
--warm-paper-cream-200: #fffefc;
--warm-paper-cream-300: #fefdfa;
--warm-paper-cream-400: #fdfbf7;
--warm-paper-cream-500: #F7F1E6;
--warm-paper-cream-600: #d4d2cd;
--warm-paper-cream-700: #969490;
--warm-paper-cream-800: #5c5b58;
--warm-paper-cream-900: #2d2c2a;
--warm-paper-cream-950: #090908;
--soft-mint: #CFE0C8;
--soft-mint-50: #fefffd;
--soft-mint-100: #fcfefc;
--soft-mint-200: #f9fcf8;
--soft-mint-300: #f6faf4;
--soft-mint-400: #f1f7ee;
--soft-mint-500: #CFE0C8;
--soft-mint-600: #c4cbc1;
--soft-mint-700: #899087;
--soft-mint-800: #545852;
--soft-mint-900: #282b27;
--soft-mint-950: #070807;
--sage: #9AB48F;
--sage-50: #fcfefb;
--sage-100: #f9fcf8;
--sage-200: #f2f8f0;
--sage-300: #eaf2e6;
--sage-400: #dfead9;
--sage-500: #9AB48F;
--sage-600: #abb9a5;
--sage-700: #778272;
--sage-800: #475043;
--sage-900: #21261e;
--sage-950: #050704;
--muted-green: #6F8B6E;
--muted-green-50: #fbfdfb;
--muted-green-100: #f6faf5;
--muted-green-200: #ecf2eb;
--muted-green-300: #dee9de;
--muted-green-400: #cddccc;
--muted-green-500: #6F8B6E;
--muted-green-600: #93a493;
--muted-green-700: #657465;
--muted-green-800: #3c473b;
--muted-green-900: #1a211a;
--muted-green-950: #030503;
--deep-forest: #3F5B4A;
--deep-forest-50: #f9fcfa;
--deep-forest-100: #f1f6f3;
--deep-forest-200: #e2ebe5;
--deep-forest-300: #cedcd3;
--deep-forest-400: #b3c7bb;
--deep-forest-500: #3F5B4A;
--deep-forest-600: #71887a;
--deep-forest-700: #4c5f54;
--deep-forest-800: #2a3931;
--deep-forest-900: #101a15;
--deep-forest-950: #020302;
}
$warm-paper-cream: #F7F1E6; $warm-paper-cream-50: #fffffe; $warm-paper-cream-100: #fffefd; $warm-paper-cream-200: #fffefc; $warm-paper-cream-300: #fefdfa; $warm-paper-cream-400: #fdfbf7; $warm-paper-cream-500: #F7F1E6; $warm-paper-cream-600: #d4d2cd; $warm-paper-cream-700: #969490; $warm-paper-cream-800: #5c5b58; $warm-paper-cream-900: #2d2c2a; $warm-paper-cream-950: #090908; $soft-mint: #CFE0C8; $soft-mint-50: #fefffd; $soft-mint-100: #fcfefc; $soft-mint-200: #f9fcf8; $soft-mint-300: #f6faf4; $soft-mint-400: #f1f7ee; $soft-mint-500: #CFE0C8; $soft-mint-600: #c4cbc1; $soft-mint-700: #899087; $soft-mint-800: #545852; $soft-mint-900: #282b27; $soft-mint-950: #070807; $sage: #9AB48F; $sage-50: #fcfefb; $sage-100: #f9fcf8; $sage-200: #f2f8f0; $sage-300: #eaf2e6; $sage-400: #dfead9; $sage-500: #9AB48F; $sage-600: #abb9a5; $sage-700: #778272; $sage-800: #475043; $sage-900: #21261e; $sage-950: #050704; $muted-green: #6F8B6E; $muted-green-50: #fbfdfb; $muted-green-100: #f6faf5; $muted-green-200: #ecf2eb; $muted-green-300: #dee9de; $muted-green-400: #cddccc; $muted-green-500: #6F8B6E; $muted-green-600: #93a493; $muted-green-700: #657465; $muted-green-800: #3c473b; $muted-green-900: #1a211a; $muted-green-950: #030503; $deep-forest: #3F5B4A; $deep-forest-50: #f9fcfa; $deep-forest-100: #f1f6f3; $deep-forest-200: #e2ebe5; $deep-forest-300: #cedcd3; $deep-forest-400: #b3c7bb; $deep-forest-500: #3F5B4A; $deep-forest-600: #71887a; $deep-forest-700: #4c5f54; $deep-forest-800: #2a3931; $deep-forest-900: #101a15; $deep-forest-950: #020302;
colors: {
'warm-paper-cream': {
50: '#fffffe',
100: '#fffefd',
200: '#fffefc',
300: '#fefdfa',
400: '#fdfbf7',
500: '#F7F1E6',
600: '#d4d2cd',
700: '#969490',
800: '#5c5b58',
900: '#2d2c2a',
950: '#090908',
DEFAULT: '#F7F1E6',
},
'soft-mint': {
50: '#fefffd',
100: '#fcfefc',
200: '#f9fcf8',
300: '#f6faf4',
400: '#f1f7ee',
500: '#CFE0C8',
600: '#c4cbc1',
700: '#899087',
800: '#545852',
900: '#282b27',
950: '#070807',
DEFAULT: '#CFE0C8',
},
'sage': {
50: '#fcfefb',
100: '#f9fcf8',
200: '#f2f8f0',
300: '#eaf2e6',
400: '#dfead9',
500: '#9AB48F',
600: '#abb9a5',
700: '#778272',
800: '#475043',
900: '#21261e',
950: '#050704',
DEFAULT: '#9AB48F',
},
'muted-green': {
50: '#fbfdfb',
100: '#f6faf5',
200: '#ecf2eb',
300: '#dee9de',
400: '#cddccc',
500: '#6F8B6E',
600: '#93a493',
700: '#657465',
800: '#3c473b',
900: '#1a211a',
950: '#030503',
DEFAULT: '#6F8B6E',
},
'deep-forest': {
50: '#f9fcfa',
100: '#f1f6f3',
200: '#e2ebe5',
300: '#cedcd3',
400: '#b3c7bb',
500: '#3F5B4A',
600: '#71887a',
700: '#4c5f54',
800: '#2a3931',
900: '#101a15',
950: '#020302',
DEFAULT: '#3F5B4A',
},
},
[
{
"name": "warm-paper-cream",
"harmony": "Palette",
"hex": "#F7F1E6",
"rgb": {
"r": 247,
"g": 241,
"b": 230
},
"hsl": {
"h": 39,
"s": 52,
"l": 94
},
"value": "#F7F1E6",
"tonalScale": {
"50": {
"hex": "#fffffe",
"rgb": {
"r": 255,
"g": 255,
"b": 254
}
},
"100": {
"hex": "#fffefd",
"rgb": {
"r": 255,
"g": 254,
"b": 253
}
},
"200": {
"hex": "#fffefc",
"rgb": {
"r": 255,
"g": 254,
"b": 252
}
},
"300": {
"hex": "#fefdfa",
"rgb": {
"r": 254,
"g": 253,
"b": 250
}
},
"400": {
"hex": "#fdfbf7",
"rgb": {
"r": 253,
"g": 251,
"b": 247
}
},
"500": {
"hex": "#F7F1E6",
"rgb": {
"r": 247,
"g": 241,
"b": 230
}
},
"600": {
"hex": "#d4d2cd",
"rgb": {
"r": 212,
"g": 210,
"b": 205
}
},
"700": {
"hex": "#969490",
"rgb": {
"r": 150,
"g": 148,
"b": 144
}
},
"800": {
"hex": "#5c5b58",
"rgb": {
"r": 92,
"g": 91,
"b": 88
}
},
"900": {
"hex": "#2d2c2a",
"rgb": {
"r": 45,
"g": 44,
"b": 42
}
},
"950": {
"hex": "#090908",
"rgb": {
"r": 9,
"g": 9,
"b": 8
}
}
}
},
{
"name": "soft-mint",
"harmony": "Palette",
"hex": "#CFE0C8",
"rgb": {
"r": 207,
"g": 224,
"b": 200
},
"hsl": {
"h": 103,
"s": 28,
"l": 83
},
"value": "#CFE0C8",
"tonalScale": {
"50": {
"hex": "#fefffd",
"rgb": {
"r": 254,
"g": 255,
"b": 253
}
},
"100": {
"hex": "#fcfefc",
"rgb": {
"r": 252,
"g": 254,
"b": 252
}
},
"200": {
"hex": "#f9fcf8",
"rgb": {
"r": 249,
"g": 252,
"b": 248
}
},
"300": {
"hex": "#f6faf4",
"rgb": {
"r": 246,
"g": 250,
"b": 244
}
},
"400": {
"hex": "#f1f7ee",
"rgb": {
"r": 241,
"g": 247,
"b": 238
}
},
"500": {
"hex": "#CFE0C8",
"rgb": {
"r": 207,
"g": 224,
"b": 200
}
},
"600": {
"hex": "#c4cbc1",
"rgb": {
"r": 196,
"g": 203,
"b": 193
}
},
"700": {
"hex": "#899087",
"rgb": {
"r": 137,
"g": 144,
"b": 135
}
},
"800": {
"hex": "#545852",
"rgb": {
"r": 84,
"g": 88,
"b": 82
}
},
"900": {
"hex": "#282b27",
"rgb": {
"r": 40,
"g": 43,
"b": 39
}
},
"950": {
"hex": "#070807",
"rgb": {
"r": 7,
"g": 8,
"b": 7
}
}
}
},
{
"name": "sage",
"harmony": "Palette",
"hex": "#9AB48F",
"rgb": {
"r": 154,
"g": 180,
"b": 143
},
"hsl": {
"h": 102,
"s": 20,
"l": 63
},
"value": "#9AB48F",
"tonalScale": {
"50": {
"hex": "#fcfefb",
"rgb": {
"r": 252,
"g": 254,
"b": 251
}
},
"100": {
"hex": "#f9fcf8",
"rgb": {
"r": 249,
"g": 252,
"b": 248
}
},
"200": {
"hex": "#f2f8f0",
"rgb": {
"r": 242,
"g": 248,
"b": 240
}
},
"300": {
"hex": "#eaf2e6",
"rgb": {
"r": 234,
"g": 242,
"b": 230
}
},
"400": {
"hex": "#dfead9",
"rgb": {
"r": 223,
"g": 234,
"b": 217
}
},
"500": {
"hex": "#9AB48F",
"rgb": {
"r": 154,
"g": 180,
"b": 143
}
},
"600": {
"hex": "#abb9a5",
"rgb": {
"r": 171,
"g": 185,
"b": 165
}
},
"700": {
"hex": "#778272",
"rgb": {
"r": 119,
"g": 130,
"b": 114
}
},
"800": {
"hex": "#475043",
"rgb": {
"r": 71,
"g": 80,
"b": 67
}
},
"900": {
"hex": "#21261e",
"rgb": {
"r": 33,
"g": 38,
"b": 30
}
},
"950": {
"hex": "#050704",
"rgb": {
"r": 5,
"g": 7,
"b": 4
}
}
}
},
{
"name": "muted-green",
"harmony": "Palette",
"hex": "#6F8B6E",
"rgb": {
"r": 111,
"g": 139,
"b": 110
},
"hsl": {
"h": 118,
"s": 12,
"l": 49
},
"value": "#6F8B6E",
"tonalScale": {
"50": {
"hex": "#fbfdfb",
"rgb": {
"r": 251,
"g": 253,
"b": 251
}
},
"100": {
"hex": "#f6faf5",
"rgb": {
"r": 246,
"g": 250,
"b": 245
}
},
"200": {
"hex": "#ecf2eb",
"rgb": {
"r": 236,
"g": 242,
"b": 235
}
},
"300": {
"hex": "#dee9de",
"rgb": {
"r": 222,
"g": 233,
"b": 222
}
},
"400": {
"hex": "#cddccc",
"rgb": {
"r": 205,
"g": 220,
"b": 204
}
},
"500": {
"hex": "#6F8B6E",
"rgb": {
"r": 111,
"g": 139,
"b": 110
}
},
"600": {
"hex": "#93a493",
"rgb": {
"r": 147,
"g": 164,
"b": 147
}
},
"700": {
"hex": "#657465",
"rgb": {
"r": 101,
"g": 116,
"b": 101
}
},
"800": {
"hex": "#3c473b",
"rgb": {
"r": 60,
"g": 71,
"b": 59
}
},
"900": {
"hex": "#1a211a",
"rgb": {
"r": 26,
"g": 33,
"b": 26
}
},
"950": {
"hex": "#030503",
"rgb": {
"r": 3,
"g": 5,
"b": 3
}
}
}
},
{
"name": "deep-forest",
"harmony": "Palette",
"hex": "#3F5B4A",
"rgb": {
"r": 63,
"g": 91,
"b": 74
},
"hsl": {
"h": 144,
"s": 18,
"l": 30
},
"value": "#3F5B4A",
"tonalScale": {
"50": {
"hex": "#f9fcfa",
"rgb": {
"r": 249,
"g": 252,
"b": 250
}
},
"100": {
"hex": "#f1f6f3",
"rgb": {
"r": 241,
"g": 246,
"b": 243
}
},
"200": {
"hex": "#e2ebe5",
"rgb": {
"r": 226,
"g": 235,
"b": 229
}
},
"300": {
"hex": "#cedcd3",
"rgb": {
"r": 206,
"g": 220,
"b": 211
}
},
"400": {
"hex": "#b3c7bb",
"rgb": {
"r": 179,
"g": 199,
"b": 187
}
},
"500": {
"hex": "#3F5B4A",
"rgb": {
"r": 63,
"g": 91,
"b": 74
}
},
"600": {
"hex": "#71887a",
"rgb": {
"r": 113,
"g": 136,
"b": 122
}
},
"700": {
"hex": "#4c5f54",
"rgb": {
"r": 76,
"g": 95,
"b": 84
}
},
"800": {
"hex": "#2a3931",
"rgb": {
"r": 42,
"g": 57,
"b": 49
}
},
"900": {
"hex": "#101a15",
"rgb": {
"r": 16,
"g": 26,
"b": 21
}
},
"950": {
"hex": "#020302",
"rgb": {
"r": 2,
"g": 3,
"b": 2
}
}
}
}
]
Name,Harmony,Hex,RGB,HSL,Value,T50,T100,T200,T300,T400,T500,T600,T700,T800,T900,T950 warm-paper-cream,Palette,#F7F1E6,"rgb(247, 241, 230)","hsl(39, 52%, 94%)",#F7F1E6,#fffffe,#fffefd,#fffefc,#fefdfa,#fdfbf7,#F7F1E6,#d4d2cd,#969490,#5c5b58,#2d2c2a,#090908 soft-mint,Palette,#CFE0C8,"rgb(207, 224, 200)","hsl(103, 28%, 83%)",#CFE0C8,#fefffd,#fcfefc,#f9fcf8,#f6faf4,#f1f7ee,#CFE0C8,#c4cbc1,#899087,#545852,#282b27,#070807 sage,Palette,#9AB48F,"rgb(154, 180, 143)","hsl(102, 20%, 63%)",#9AB48F,#fcfefb,#f9fcf8,#f2f8f0,#eaf2e6,#dfead9,#9AB48F,#abb9a5,#778272,#475043,#21261e,#050704 muted-green,Palette,#6F8B6E,"rgb(111, 139, 110)","hsl(118, 12%, 49%)",#6F8B6E,#fbfdfb,#f6faf5,#ecf2eb,#dee9de,#cddccc,#6F8B6E,#93a493,#657465,#3c473b,#1a211a,#030503 deep-forest,Palette,#3F5B4A,"rgb(63, 91, 74)","hsl(144, 18%, 30%)",#3F5B4A,#f9fcfa,#f1f6f3,#e2ebe5,#cedcd3,#b3c7bb,#3F5B4A,#71887a,#4c5f54,#2a3931,#101a15,#020302
GIMP Palette Name: PocketSwiss analogous Columns: 4 # 247 241 230 warm-paper-cream 255 255 254 warm-paper-cream-50 255 254 253 warm-paper-cream-100 255 254 252 warm-paper-cream-200 254 253 250 warm-paper-cream-300 253 251 247 warm-paper-cream-400 247 241 230 warm-paper-cream-500 212 210 205 warm-paper-cream-600 150 148 144 warm-paper-cream-700 92 91 88 warm-paper-cream-800 45 44 42 warm-paper-cream-900 9 9 8 warm-paper-cream-950 207 224 200 soft-mint 254 255 253 soft-mint-50 252 254 252 soft-mint-100 249 252 248 soft-mint-200 246 250 244 soft-mint-300 241 247 238 soft-mint-400 207 224 200 soft-mint-500 196 203 193 soft-mint-600 137 144 135 soft-mint-700 84 88 82 soft-mint-800 40 43 39 soft-mint-900 7 8 7 soft-mint-950 154 180 143 sage 252 254 251 sage-50 249 252 248 sage-100 242 248 240 sage-200 234 242 230 sage-300 223 234 217 sage-400 154 180 143 sage-500 171 185 165 sage-600 119 130 114 sage-700 71 80 67 sage-800 33 38 30 sage-900 5 7 4 sage-950 111 139 110 muted-green 251 253 251 muted-green-50 246 250 245 muted-green-100 236 242 235 muted-green-200 222 233 222 muted-green-300 205 220 204 muted-green-400 111 139 110 muted-green-500 147 164 147 muted-green-600 101 116 101 muted-green-700 60 71 59 muted-green-800 26 33 26 muted-green-900 3 5 3 muted-green-950 63 91 74 deep-forest 249 252 250 deep-forest-50 241 246 243 deep-forest-100 226 235 229 deep-forest-200 206 220 211 deep-forest-300 179 199 187 deep-forest-400 63 91 74 deep-forest-500 113 136 122 deep-forest-600 76 95 84 deep-forest-700 42 57 49 deep-forest-800 16 26 21 deep-forest-900 2 3 2 deep-forest-950
Binary ASE — use Download to save the file.
Binary ACO — use Download to save the file.