Color Tools (126)
Monochromatic Shade Escalator Monochromatic Tint Escalator Color Shaker Cyberpunk Neon Palette Pastel Brand Palette Vintage Retro Palette Minimalist Corporate Palette Notion Dashboard Palette Indie Hacker SaaS Palette Cozy Gaming Setup Palette Old Money Aesthetic Palette GoodNotes Planner Hex Codes Boho-Chic Wedding Palette Cozy Autumn Aesthetic Luxury Apparel Brand Colors Retro 70s Psychedelic Sage Green Wedding Palette Sage Green & Terracotta Vintage Rose Palette Blush Rose Gradient Dusty Rose Complementary Antique White Pastels Midnight Cyberpunk Neon Retrowave Aesthetic Old-School Print Sepia Film Noir Monochrome Sage Green Harmony Terracotta Earth Tones Warm Cozy Autumn Color Schemes & Swatches High-End Fashion & Minimalist Brand Palettes Groovy 1970s Vintage Triadic Color Schemes Eucalyptus & Sage Green Wedding Stationary Palettes Earthy Sage Green & Terracotta Branding Schemes Pastel Lo-Fi & Cozy Gamer UI Color Schemes Classic Luxury & Heritage Branding Color Schemes Aesthetic iPad Digital Journaling Palette Swatches Tailwind CSS HSL Theme Config Builder for shadcn/ui Sage Green & Cream Palette Navy & Gold Palette Dusty Rose & Taupe Palette Terracotta & Sage Palette Midnight Blue & Coral Palette Mustard Yellow & Navy Palette Blush Pink & Gold Palette Forest & Cream Palette Burgundy & Blush Palette Teal & Coral Palette Charcoal & Mint Palette Lavender & Cream Palette Burnt Orange & Brown Palette Slate Blue & Cream Palette Olive & Terracotta Palette Peach & Sage Palette Aqua & White Palette Mauve & Gray Palette Rustic Kraft Palette Sky Blue & White Palette Camel & Navy Palette Emerald & Gold Palette Black & Cream Palette Coral & Teal Palette Lilac & Mint Palette Warm Stone Palette Electric Indigo Palette Glacier Blue Palette Butter & Slate Palette Digital Citrus Palette Coastal Mist Palette Concrete & Copper Palette Obsidian & Gold Palette Chocolate Brown Palette Peach Fuzz Palette E5A93B Color (Mustard Gold) D96B43 Color (Terracotta) 87A987 Color (Sage Green) 8C8275 Color (Warm Taupe) A2B59F Color (Sage Green) E6D7C3 Color (Warm Cream) Cloud Dancer Palette Mocha Mousse Palette Transformative Teal Palette Future Dusk Palette Luminous Blue Palette Eggshell Blue Palette Butter Yellow Palette Dusty Mauve Palette Papaya Palette Flamingo Pink Palette Graphite Palette Bordeaux Wine Palette Heritage Navy Palette Cambridge Green Palette Gilded Walnut Palette Opera Red Palette Midnight Espresso Palette Old Library Palette Ivy Hall Palette Oxford Study Palette Sepia Archive Palette Antique Gold Palette Muted Navy & Wine Palette Vintage Botanical Palette Amber Cabin Palette Cinnamon Oat Palette Amber Hearth Palette Cabin Hearth Ember Palette Autumn Plaid Palette Autumn Mug Warmth Palette Hygge Neutrals Palette Japandi Earth Palette Warm Oatmeal & Sage Palette Candlelit Parlor Palette Wildflower Meadow Palette Honey & Herb Palette Herb Garden Notebook Palette Baked Clay & Cream Palette Quiet Linen Palette Ivory Ink Palette Ghost Gray Palette Sage & Stone Palette Terracotta Minimal Palette Arctic Blue Palette Dusty Rose & Greige Palette Nordic Sofa Neutrals Palette Faded Teal Palette Sunfaded Postcard Palette
← Back to Tools

A2B59F Color (Sage Green)

Explore the A2B59F color - a muted sage green hex code. This palette pairs #A2B59F sage with #C8D3C5 light sage, #FAF6F0 ivory white, #5A6B55 deep pine, and #DCE3D7 pale sage for soft, nature-inspired wedding designs.

Export

Copy or download this palette as CSS, SCSS, Tailwind config, JSON, CSV, GPL, ASE or ACO.

:root {
  --sage: #A2B59F;
  --sage-50: #fdfefc;
  --sage-100: #fafcf9;
  --sage-200: #f4f8f3;
  --sage-300: #ecf2eb;
  --sage-400: #e2eae0;
  --sage-500: #A2B59F;
  --sage-600: #afb9ae;
  --sage-700: #7a8379;
  --sage-800: #4a5049;
  --sage-900: #222622;
  --sage-950: #050705;
  --light-sage: #C8D3C5;
  --light-sage-50: #fefefd;
  --light-sage-100: #fcfdfc;
  --light-sage-200: #f9fbf8;
  --light-sage-300: #f5f8f4;
  --light-sage-400: #eff3ee;
  --light-sage-500: #C8D3C5;
  --light-sage-600: #c1c6c0;
  --light-sage-700: #888c86;
  --light-sage-800: #525652;
  --light-sage-900: #272927;
  --light-sage-950: #070807;
  --ivory-white: #FAF6F0;
  --ivory-white-50: #fffffe;
  --ivory-white-100: #fffffe;
  --ivory-white-200: #fffefd;
  --ivory-white-300: #fefdfc;
  --ivory-white-400: #fefdfa;
  --ivory-white-500: #FAF6F0;
  --ivory-white-600: #d5d4d1;
  --ivory-white-700: #979694;
  --ivory-white-800: #5d5c5a;
  --ivory-white-900: #2d2d2c;
  --ivory-white-950: #090908;
  --deep-pine: #5A6B55;
  --deep-pine-50: #fafcfa;
  --deep-pine-100: #f4f7f3;
  --deep-pine-200: #e8ede7;
  --deep-pine-300: #d9e0d6;
  --deep-pine-400: #c4cec0;
  --deep-pine-500: #5A6B55;
  --deep-pine-600: #869282;
  --deep-pine-700: #5c6659;
  --deep-pine-800: #363e34;
  --deep-pine-900: #171c16;
  --deep-pine-950: #030403;
  --pale-sage: #DCE3D7;
  --pale-sage-50: #fefffe;
  --pale-sage-100: #fdfefd;
  --pale-sage-200: #fbfcfa;
  --pale-sage-300: #f9faf7;
  --pale-sage-400: #f5f8f3;
  --pale-sage-500: #DCE3D7;
  --pale-sage-600: #c9cdc7;
  --pale-sage-700: #8e908c;
  --pale-sage-800: #575955;
  --pale-sage-900: #2a2b29;
  --pale-sage-950: #080807;
}
$sage: #A2B59F;
$sage-50: #fdfefc;
$sage-100: #fafcf9;
$sage-200: #f4f8f3;
$sage-300: #ecf2eb;
$sage-400: #e2eae0;
$sage-500: #A2B59F;
$sage-600: #afb9ae;
$sage-700: #7a8379;
$sage-800: #4a5049;
$sage-900: #222622;
$sage-950: #050705;
$light-sage: #C8D3C5;
$light-sage-50: #fefefd;
$light-sage-100: #fcfdfc;
$light-sage-200: #f9fbf8;
$light-sage-300: #f5f8f4;
$light-sage-400: #eff3ee;
$light-sage-500: #C8D3C5;
$light-sage-600: #c1c6c0;
$light-sage-700: #888c86;
$light-sage-800: #525652;
$light-sage-900: #272927;
$light-sage-950: #070807;
$ivory-white: #FAF6F0;
$ivory-white-50: #fffffe;
$ivory-white-100: #fffffe;
$ivory-white-200: #fffefd;
$ivory-white-300: #fefdfc;
$ivory-white-400: #fefdfa;
$ivory-white-500: #FAF6F0;
$ivory-white-600: #d5d4d1;
$ivory-white-700: #979694;
$ivory-white-800: #5d5c5a;
$ivory-white-900: #2d2d2c;
$ivory-white-950: #090908;
$deep-pine: #5A6B55;
$deep-pine-50: #fafcfa;
$deep-pine-100: #f4f7f3;
$deep-pine-200: #e8ede7;
$deep-pine-300: #d9e0d6;
$deep-pine-400: #c4cec0;
$deep-pine-500: #5A6B55;
$deep-pine-600: #869282;
$deep-pine-700: #5c6659;
$deep-pine-800: #363e34;
$deep-pine-900: #171c16;
$deep-pine-950: #030403;
$pale-sage: #DCE3D7;
$pale-sage-50: #fefffe;
$pale-sage-100: #fdfefd;
$pale-sage-200: #fbfcfa;
$pale-sage-300: #f9faf7;
$pale-sage-400: #f5f8f3;
$pale-sage-500: #DCE3D7;
$pale-sage-600: #c9cdc7;
$pale-sage-700: #8e908c;
$pale-sage-800: #575955;
$pale-sage-900: #2a2b29;
$pale-sage-950: #080807;
colors: {
    'sage': {
      50: '#fdfefc',
      100: '#fafcf9',
      200: '#f4f8f3',
      300: '#ecf2eb',
      400: '#e2eae0',
      500: '#A2B59F',
      600: '#afb9ae',
      700: '#7a8379',
      800: '#4a5049',
      900: '#222622',
      950: '#050705',
      DEFAULT: '#A2B59F',
    },
    'light-sage': {
      50: '#fefefd',
      100: '#fcfdfc',
      200: '#f9fbf8',
      300: '#f5f8f4',
      400: '#eff3ee',
      500: '#C8D3C5',
      600: '#c1c6c0',
      700: '#888c86',
      800: '#525652',
      900: '#272927',
      950: '#070807',
      DEFAULT: '#C8D3C5',
    },
    'ivory-white': {
      50: '#fffffe',
      100: '#fffffe',
      200: '#fffefd',
      300: '#fefdfc',
      400: '#fefdfa',
      500: '#FAF6F0',
      600: '#d5d4d1',
      700: '#979694',
      800: '#5d5c5a',
      900: '#2d2d2c',
      950: '#090908',
      DEFAULT: '#FAF6F0',
    },
    'deep-pine': {
      50: '#fafcfa',
      100: '#f4f7f3',
      200: '#e8ede7',
      300: '#d9e0d6',
      400: '#c4cec0',
      500: '#5A6B55',
      600: '#869282',
      700: '#5c6659',
      800: '#363e34',
      900: '#171c16',
      950: '#030403',
      DEFAULT: '#5A6B55',
    },
    'pale-sage': {
      50: '#fefffe',
      100: '#fdfefd',
      200: '#fbfcfa',
      300: '#f9faf7',
      400: '#f5f8f3',
      500: '#DCE3D7',
      600: '#c9cdc7',
      700: '#8e908c',
      800: '#575955',
      900: '#2a2b29',
      950: '#080807',
      DEFAULT: '#DCE3D7',
    },
  },
[
  {
    "name": "sage",
    "harmony": "Palette",
    "hex": "#A2B59F",
    "rgb": {
      "r": 162,
      "g": 181,
      "b": 159
    },
    "hsl": {
      "h": 112,
      "s": 13,
      "l": 67
    },
    "value": "#A2B59F",
    "tonalScale": {
      "50": {
        "hex": "#fdfefc",
        "rgb": {
          "r": 253,
          "g": 254,
          "b": 252
        }
      },
      "100": {
        "hex": "#fafcf9",
        "rgb": {
          "r": 250,
          "g": 252,
          "b": 249
        }
      },
      "200": {
        "hex": "#f4f8f3",
        "rgb": {
          "r": 244,
          "g": 248,
          "b": 243
        }
      },
      "300": {
        "hex": "#ecf2eb",
        "rgb": {
          "r": 236,
          "g": 242,
          "b": 235
        }
      },
      "400": {
        "hex": "#e2eae0",
        "rgb": {
          "r": 226,
          "g": 234,
          "b": 224
        }
      },
      "500": {
        "hex": "#A2B59F",
        "rgb": {
          "r": 162,
          "g": 181,
          "b": 159
        }
      },
      "600": {
        "hex": "#afb9ae",
        "rgb": {
          "r": 175,
          "g": 185,
          "b": 174
        }
      },
      "700": {
        "hex": "#7a8379",
        "rgb": {
          "r": 122,
          "g": 131,
          "b": 121
        }
      },
      "800": {
        "hex": "#4a5049",
        "rgb": {
          "r": 74,
          "g": 80,
          "b": 73
        }
      },
      "900": {
        "hex": "#222622",
        "rgb": {
          "r": 34,
          "g": 38,
          "b": 34
        }
      },
      "950": {
        "hex": "#050705",
        "rgb": {
          "r": 5,
          "g": 7,
          "b": 5
        }
      }
    }
  },
  {
    "name": "light-sage",
    "harmony": "Palette",
    "hex": "#C8D3C5",
    "rgb": {
      "r": 200,
      "g": 211,
      "b": 197
    },
    "hsl": {
      "h": 107,
      "s": 14,
      "l": 80
    },
    "value": "#C8D3C5",
    "tonalScale": {
      "50": {
        "hex": "#fefefd",
        "rgb": {
          "r": 254,
          "g": 254,
          "b": 253
        }
      },
      "100": {
        "hex": "#fcfdfc",
        "rgb": {
          "r": 252,
          "g": 253,
          "b": 252
        }
      },
      "200": {
        "hex": "#f9fbf8",
        "rgb": {
          "r": 249,
          "g": 251,
          "b": 248
        }
      },
      "300": {
        "hex": "#f5f8f4",
        "rgb": {
          "r": 245,
          "g": 248,
          "b": 244
        }
      },
      "400": {
        "hex": "#eff3ee",
        "rgb": {
          "r": 239,
          "g": 243,
          "b": 238
        }
      },
      "500": {
        "hex": "#C8D3C5",
        "rgb": {
          "r": 200,
          "g": 211,
          "b": 197
        }
      },
      "600": {
        "hex": "#c1c6c0",
        "rgb": {
          "r": 193,
          "g": 198,
          "b": 192
        }
      },
      "700": {
        "hex": "#888c86",
        "rgb": {
          "r": 136,
          "g": 140,
          "b": 134
        }
      },
      "800": {
        "hex": "#525652",
        "rgb": {
          "r": 82,
          "g": 86,
          "b": 82
        }
      },
      "900": {
        "hex": "#272927",
        "rgb": {
          "r": 39,
          "g": 41,
          "b": 39
        }
      },
      "950": {
        "hex": "#070807",
        "rgb": {
          "r": 7,
          "g": 8,
          "b": 7
        }
      }
    }
  },
  {
    "name": "ivory-white",
    "harmony": "Palette",
    "hex": "#FAF6F0",
    "rgb": {
      "r": 250,
      "g": 246,
      "b": 240
    },
    "hsl": {
      "h": 36,
      "s": 50,
      "l": 96
    },
    "value": "#FAF6F0",
    "tonalScale": {
      "50": {
        "hex": "#fffffe",
        "rgb": {
          "r": 255,
          "g": 255,
          "b": 254
        }
      },
      "100": {
        "hex": "#fffffe",
        "rgb": {
          "r": 255,
          "g": 255,
          "b": 254
        }
      },
      "200": {
        "hex": "#fffefd",
        "rgb": {
          "r": 255,
          "g": 254,
          "b": 253
        }
      },
      "300": {
        "hex": "#fefdfc",
        "rgb": {
          "r": 254,
          "g": 253,
          "b": 252
        }
      },
      "400": {
        "hex": "#fefdfa",
        "rgb": {
          "r": 254,
          "g": 253,
          "b": 250
        }
      },
      "500": {
        "hex": "#FAF6F0",
        "rgb": {
          "r": 250,
          "g": 246,
          "b": 240
        }
      },
      "600": {
        "hex": "#d5d4d1",
        "rgb": {
          "r": 213,
          "g": 212,
          "b": 209
        }
      },
      "700": {
        "hex": "#979694",
        "rgb": {
          "r": 151,
          "g": 150,
          "b": 148
        }
      },
      "800": {
        "hex": "#5d5c5a",
        "rgb": {
          "r": 93,
          "g": 92,
          "b": 90
        }
      },
      "900": {
        "hex": "#2d2d2c",
        "rgb": {
          "r": 45,
          "g": 45,
          "b": 44
        }
      },
      "950": {
        "hex": "#090908",
        "rgb": {
          "r": 9,
          "g": 9,
          "b": 8
        }
      }
    }
  },
  {
    "name": "deep-pine",
    "harmony": "Palette",
    "hex": "#5A6B55",
    "rgb": {
      "r": 90,
      "g": 107,
      "b": 85
    },
    "hsl": {
      "h": 106,
      "s": 11,
      "l": 38
    },
    "value": "#5A6B55",
    "tonalScale": {
      "50": {
        "hex": "#fafcfa",
        "rgb": {
          "r": 250,
          "g": 252,
          "b": 250
        }
      },
      "100": {
        "hex": "#f4f7f3",
        "rgb": {
          "r": 244,
          "g": 247,
          "b": 243
        }
      },
      "200": {
        "hex": "#e8ede7",
        "rgb": {
          "r": 232,
          "g": 237,
          "b": 231
        }
      },
      "300": {
        "hex": "#d9e0d6",
        "rgb": {
          "r": 217,
          "g": 224,
          "b": 214
        }
      },
      "400": {
        "hex": "#c4cec0",
        "rgb": {
          "r": 196,
          "g": 206,
          "b": 192
        }
      },
      "500": {
        "hex": "#5A6B55",
        "rgb": {
          "r": 90,
          "g": 107,
          "b": 85
        }
      },
      "600": {
        "hex": "#869282",
        "rgb": {
          "r": 134,
          "g": 146,
          "b": 130
        }
      },
      "700": {
        "hex": "#5c6659",
        "rgb": {
          "r": 92,
          "g": 102,
          "b": 89
        }
      },
      "800": {
        "hex": "#363e34",
        "rgb": {
          "r": 54,
          "g": 62,
          "b": 52
        }
      },
      "900": {
        "hex": "#171c16",
        "rgb": {
          "r": 23,
          "g": 28,
          "b": 22
        }
      },
      "950": {
        "hex": "#030403",
        "rgb": {
          "r": 3,
          "g": 4,
          "b": 3
        }
      }
    }
  },
  {
    "name": "pale-sage",
    "harmony": "Palette",
    "hex": "#DCE3D7",
    "rgb": {
      "r": 220,
      "g": 227,
      "b": 215
    },
    "hsl": {
      "h": 95,
      "s": 18,
      "l": 87
    },
    "value": "#DCE3D7",
    "tonalScale": {
      "50": {
        "hex": "#fefffe",
        "rgb": {
          "r": 254,
          "g": 255,
          "b": 254
        }
      },
      "100": {
        "hex": "#fdfefd",
        "rgb": {
          "r": 253,
          "g": 254,
          "b": 253
        }
      },
      "200": {
        "hex": "#fbfcfa",
        "rgb": {
          "r": 251,
          "g": 252,
          "b": 250
        }
      },
      "300": {
        "hex": "#f9faf7",
        "rgb": {
          "r": 249,
          "g": 250,
          "b": 247
        }
      },
      "400": {
        "hex": "#f5f8f3",
        "rgb": {
          "r": 245,
          "g": 248,
          "b": 243
        }
      },
      "500": {
        "hex": "#DCE3D7",
        "rgb": {
          "r": 220,
          "g": 227,
          "b": 215
        }
      },
      "600": {
        "hex": "#c9cdc7",
        "rgb": {
          "r": 201,
          "g": 205,
          "b": 199
        }
      },
      "700": {
        "hex": "#8e908c",
        "rgb": {
          "r": 142,
          "g": 144,
          "b": 140
        }
      },
      "800": {
        "hex": "#575955",
        "rgb": {
          "r": 87,
          "g": 89,
          "b": 85
        }
      },
      "900": {
        "hex": "#2a2b29",
        "rgb": {
          "r": 42,
          "g": 43,
          "b": 41
        }
      },
      "950": {
        "hex": "#080807",
        "rgb": {
          "r": 8,
          "g": 8,
          "b": 7
        }
      }
    }
  }
]
Name,Harmony,Hex,RGB,HSL,Value,T50,T100,T200,T300,T400,T500,T600,T700,T800,T900,T950
sage,Palette,#A2B59F,"rgb(162, 181, 159)","hsl(112, 13%, 67%)",#A2B59F,#fdfefc,#fafcf9,#f4f8f3,#ecf2eb,#e2eae0,#A2B59F,#afb9ae,#7a8379,#4a5049,#222622,#050705
light-sage,Palette,#C8D3C5,"rgb(200, 211, 197)","hsl(107, 14%, 80%)",#C8D3C5,#fefefd,#fcfdfc,#f9fbf8,#f5f8f4,#eff3ee,#C8D3C5,#c1c6c0,#888c86,#525652,#272927,#070807
ivory-white,Palette,#FAF6F0,"rgb(250, 246, 240)","hsl(36, 50%, 96%)",#FAF6F0,#fffffe,#fffffe,#fffefd,#fefdfc,#fefdfa,#FAF6F0,#d5d4d1,#979694,#5d5c5a,#2d2d2c,#090908
deep-pine,Palette,#5A6B55,"rgb(90, 107, 85)","hsl(106, 11%, 38%)",#5A6B55,#fafcfa,#f4f7f3,#e8ede7,#d9e0d6,#c4cec0,#5A6B55,#869282,#5c6659,#363e34,#171c16,#030403
pale-sage,Palette,#DCE3D7,"rgb(220, 227, 215)","hsl(95, 18%, 87%)",#DCE3D7,#fefffe,#fdfefd,#fbfcfa,#f9faf7,#f5f8f3,#DCE3D7,#c9cdc7,#8e908c,#575955,#2a2b29,#080807
GIMP Palette
Name: PocketSwiss analogous
Columns: 4
#
162 181 159   sage
253 254 252   sage-50
250 252 249   sage-100
244 248 243   sage-200
236 242 235   sage-300
226 234 224   sage-400
162 181 159   sage-500
175 185 174   sage-600
122 131 121   sage-700
 74  80  73   sage-800
 34  38  34   sage-900
  5   7   5   sage-950
200 211 197   light-sage
254 254 253   light-sage-50
252 253 252   light-sage-100
249 251 248   light-sage-200
245 248 244   light-sage-300
239 243 238   light-sage-400
200 211 197   light-sage-500
193 198 192   light-sage-600
136 140 134   light-sage-700
 82  86  82   light-sage-800
 39  41  39   light-sage-900
  7   8   7   light-sage-950
250 246 240   ivory-white
255 255 254   ivory-white-50
255 255 254   ivory-white-100
255 254 253   ivory-white-200
254 253 252   ivory-white-300
254 253 250   ivory-white-400
250 246 240   ivory-white-500
213 212 209   ivory-white-600
151 150 148   ivory-white-700
 93  92  90   ivory-white-800
 45  45  44   ivory-white-900
  9   9   8   ivory-white-950
 90 107  85   deep-pine
250 252 250   deep-pine-50
244 247 243   deep-pine-100
232 237 231   deep-pine-200
217 224 214   deep-pine-300
196 206 192   deep-pine-400
 90 107  85   deep-pine-500
134 146 130   deep-pine-600
 92 102  89   deep-pine-700
 54  62  52   deep-pine-800
 23  28  22   deep-pine-900
  3   4   3   deep-pine-950
220 227 215   pale-sage
254 255 254   pale-sage-50
253 254 253   pale-sage-100
251 252 250   pale-sage-200
249 250 247   pale-sage-300
245 248 243   pale-sage-400
220 227 215   pale-sage-500
201 205 199   pale-sage-600
142 144 140   pale-sage-700
 87  89  85   pale-sage-800
 42  43  41   pale-sage-900
  8   8   7   pale-sage-950
Binary ASE — use Download to save the file.
Binary ACO — use Download to save the file.

What is A2B59F Color (Sage Green)?

Explore the A2B59F color - a muted sage green hex code. This palette pairs #A2B59F sage with #C8D3C5 light sage, #FAF6F0 ivory white, #5A6B55 deep pine, and #DCE3D7 pale sage for soft, nature-inspired wedding designs. This free a2b59f color (sage green) tool runs entirely in your browser — no sign-up, no uploads, and no data leaves your device.

Why use the A2B59F Color (Sage Green) tool?