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

Peach & Sage Palette

Design fresh summer and organic fruit branding with this peach and sage palette featuring #FFDAB9 peach puff, #9CAF88 sage green, #FFCBA4 deep peach, and #6B8E6B sea green.

Export

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

:root {
  --peach-puff: #FFDAB9;
  --peach-puff-50: #fffefc;
  --peach-puff-100: #fffdfa;
  --peach-puff-200: #fffbf5;
  --peach-puff-300: #fff8ef;
  --peach-puff-400: #fff4e7;
  --peach-puff-500: #FFDAB9;
  --peach-puff-600: #d8c9b9;
  --peach-puff-700: #9a8d80;
  --peach-puff-800: #60564c;
  --peach-puff-900: #302923;
  --peach-puff-950: #0a0806;
  --sage-green: #9CAF88;
  --sage-green-50: #fcfefb;
  --sage-green-100: #f9fcf7;
  --sage-green-200: #f3f7ef;
  --sage-green-300: #ebf1e4;
  --sage-green-400: #e0e8d6;
  --sage-green-500: #9CAF88;
  --sage-green-600: #acb6a1;
  --sage-green-700: #78816f;
  --sage-green-800: #484f41;
  --sage-green-900: #22261d;
  --sage-green-950: #050604;
  --deep-peach: #FFCBA4;
  --deep-peach-50: #fffefb;
  --deep-peach-100: #fffcf8;
  --deep-peach-200: #fff9f2;
  --deep-peach-300: #fff5e9;
  --deep-peach-400: #fff0df;
  --deep-peach-500: #FFCBA4;
  --deep-peach-600: #d9c2af;
  --deep-peach-700: #9b8878;
  --deep-peach-800: #615347;
  --deep-peach-900: #302720;
  --deep-peach-950: #0a0705;
  --sea-green: #6B8E6B;
  --sea-green-50: #fafdfa;
  --sea-green-100: #f5faf5;
  --sea-green-200: #ebf3eb;
  --sea-green-300: #ddeadd;
  --sea-green-400: #cbddcb;
  --sea-green-500: #6B8E6B;
  --sea-green-600: #91a691;
  --sea-green-700: #637563;
  --sea-green-800: #3a483a;
  --sea-green-900: #192219;
  --sea-green-950: #030503;
}
$peach-puff: #FFDAB9;
$peach-puff-50: #fffefc;
$peach-puff-100: #fffdfa;
$peach-puff-200: #fffbf5;
$peach-puff-300: #fff8ef;
$peach-puff-400: #fff4e7;
$peach-puff-500: #FFDAB9;
$peach-puff-600: #d8c9b9;
$peach-puff-700: #9a8d80;
$peach-puff-800: #60564c;
$peach-puff-900: #302923;
$peach-puff-950: #0a0806;
$sage-green: #9CAF88;
$sage-green-50: #fcfefb;
$sage-green-100: #f9fcf7;
$sage-green-200: #f3f7ef;
$sage-green-300: #ebf1e4;
$sage-green-400: #e0e8d6;
$sage-green-500: #9CAF88;
$sage-green-600: #acb6a1;
$sage-green-700: #78816f;
$sage-green-800: #484f41;
$sage-green-900: #22261d;
$sage-green-950: #050604;
$deep-peach: #FFCBA4;
$deep-peach-50: #fffefb;
$deep-peach-100: #fffcf8;
$deep-peach-200: #fff9f2;
$deep-peach-300: #fff5e9;
$deep-peach-400: #fff0df;
$deep-peach-500: #FFCBA4;
$deep-peach-600: #d9c2af;
$deep-peach-700: #9b8878;
$deep-peach-800: #615347;
$deep-peach-900: #302720;
$deep-peach-950: #0a0705;
$sea-green: #6B8E6B;
$sea-green-50: #fafdfa;
$sea-green-100: #f5faf5;
$sea-green-200: #ebf3eb;
$sea-green-300: #ddeadd;
$sea-green-400: #cbddcb;
$sea-green-500: #6B8E6B;
$sea-green-600: #91a691;
$sea-green-700: #637563;
$sea-green-800: #3a483a;
$sea-green-900: #192219;
$sea-green-950: #030503;
colors: {
    'peach-puff': {
      50: '#fffefc',
      100: '#fffdfa',
      200: '#fffbf5',
      300: '#fff8ef',
      400: '#fff4e7',
      500: '#FFDAB9',
      600: '#d8c9b9',
      700: '#9a8d80',
      800: '#60564c',
      900: '#302923',
      950: '#0a0806',
      DEFAULT: '#FFDAB9',
    },
    'sage-green': {
      50: '#fcfefb',
      100: '#f9fcf7',
      200: '#f3f7ef',
      300: '#ebf1e4',
      400: '#e0e8d6',
      500: '#9CAF88',
      600: '#acb6a1',
      700: '#78816f',
      800: '#484f41',
      900: '#22261d',
      950: '#050604',
      DEFAULT: '#9CAF88',
    },
    'deep-peach': {
      50: '#fffefb',
      100: '#fffcf8',
      200: '#fff9f2',
      300: '#fff5e9',
      400: '#fff0df',
      500: '#FFCBA4',
      600: '#d9c2af',
      700: '#9b8878',
      800: '#615347',
      900: '#302720',
      950: '#0a0705',
      DEFAULT: '#FFCBA4',
    },
    'sea-green': {
      50: '#fafdfa',
      100: '#f5faf5',
      200: '#ebf3eb',
      300: '#ddeadd',
      400: '#cbddcb',
      500: '#6B8E6B',
      600: '#91a691',
      700: '#637563',
      800: '#3a483a',
      900: '#192219',
      950: '#030503',
      DEFAULT: '#6B8E6B',
    },
  },
[
  {
    "name": "peach-puff",
    "harmony": "Palette",
    "hex": "#FFDAB9",
    "rgb": {
      "r": 255,
      "g": 218,
      "b": 185
    },
    "hsl": {
      "h": 28,
      "s": 100,
      "l": 86
    },
    "value": "#FFDAB9",
    "tonalScale": {
      "50": {
        "hex": "#fffefc",
        "rgb": {
          "r": 255,
          "g": 254,
          "b": 252
        }
      },
      "100": {
        "hex": "#fffdfa",
        "rgb": {
          "r": 255,
          "g": 253,
          "b": 250
        }
      },
      "200": {
        "hex": "#fffbf5",
        "rgb": {
          "r": 255,
          "g": 251,
          "b": 245
        }
      },
      "300": {
        "hex": "#fff8ef",
        "rgb": {
          "r": 255,
          "g": 248,
          "b": 239
        }
      },
      "400": {
        "hex": "#fff4e7",
        "rgb": {
          "r": 255,
          "g": 244,
          "b": 231
        }
      },
      "500": {
        "hex": "#FFDAB9",
        "rgb": {
          "r": 255,
          "g": 218,
          "b": 185
        }
      },
      "600": {
        "hex": "#d8c9b9",
        "rgb": {
          "r": 216,
          "g": 201,
          "b": 185
        }
      },
      "700": {
        "hex": "#9a8d80",
        "rgb": {
          "r": 154,
          "g": 141,
          "b": 128
        }
      },
      "800": {
        "hex": "#60564c",
        "rgb": {
          "r": 96,
          "g": 86,
          "b": 76
        }
      },
      "900": {
        "hex": "#302923",
        "rgb": {
          "r": 48,
          "g": 41,
          "b": 35
        }
      },
      "950": {
        "hex": "#0a0806",
        "rgb": {
          "r": 10,
          "g": 8,
          "b": 6
        }
      }
    }
  },
  {
    "name": "sage-green",
    "harmony": "Palette",
    "hex": "#9CAF88",
    "rgb": {
      "r": 156,
      "g": 175,
      "b": 136
    },
    "hsl": {
      "h": 89,
      "s": 20,
      "l": 61
    },
    "value": "#9CAF88",
    "tonalScale": {
      "50": {
        "hex": "#fcfefb",
        "rgb": {
          "r": 252,
          "g": 254,
          "b": 251
        }
      },
      "100": {
        "hex": "#f9fcf7",
        "rgb": {
          "r": 249,
          "g": 252,
          "b": 247
        }
      },
      "200": {
        "hex": "#f3f7ef",
        "rgb": {
          "r": 243,
          "g": 247,
          "b": 239
        }
      },
      "300": {
        "hex": "#ebf1e4",
        "rgb": {
          "r": 235,
          "g": 241,
          "b": 228
        }
      },
      "400": {
        "hex": "#e0e8d6",
        "rgb": {
          "r": 224,
          "g": 232,
          "b": 214
        }
      },
      "500": {
        "hex": "#9CAF88",
        "rgb": {
          "r": 156,
          "g": 175,
          "b": 136
        }
      },
      "600": {
        "hex": "#acb6a1",
        "rgb": {
          "r": 172,
          "g": 182,
          "b": 161
        }
      },
      "700": {
        "hex": "#78816f",
        "rgb": {
          "r": 120,
          "g": 129,
          "b": 111
        }
      },
      "800": {
        "hex": "#484f41",
        "rgb": {
          "r": 72,
          "g": 79,
          "b": 65
        }
      },
      "900": {
        "hex": "#22261d",
        "rgb": {
          "r": 34,
          "g": 38,
          "b": 29
        }
      },
      "950": {
        "hex": "#050604",
        "rgb": {
          "r": 5,
          "g": 6,
          "b": 4
        }
      }
    }
  },
  {
    "name": "deep-peach",
    "harmony": "Palette",
    "hex": "#FFCBA4",
    "rgb": {
      "r": 255,
      "g": 203,
      "b": 164
    },
    "hsl": {
      "h": 26,
      "s": 100,
      "l": 82
    },
    "value": "#FFCBA4",
    "tonalScale": {
      "50": {
        "hex": "#fffefb",
        "rgb": {
          "r": 255,
          "g": 254,
          "b": 251
        }
      },
      "100": {
        "hex": "#fffcf8",
        "rgb": {
          "r": 255,
          "g": 252,
          "b": 248
        }
      },
      "200": {
        "hex": "#fff9f2",
        "rgb": {
          "r": 255,
          "g": 249,
          "b": 242
        }
      },
      "300": {
        "hex": "#fff5e9",
        "rgb": {
          "r": 255,
          "g": 245,
          "b": 233
        }
      },
      "400": {
        "hex": "#fff0df",
        "rgb": {
          "r": 255,
          "g": 240,
          "b": 223
        }
      },
      "500": {
        "hex": "#FFCBA4",
        "rgb": {
          "r": 255,
          "g": 203,
          "b": 164
        }
      },
      "600": {
        "hex": "#d9c2af",
        "rgb": {
          "r": 217,
          "g": 194,
          "b": 175
        }
      },
      "700": {
        "hex": "#9b8878",
        "rgb": {
          "r": 155,
          "g": 136,
          "b": 120
        }
      },
      "800": {
        "hex": "#615347",
        "rgb": {
          "r": 97,
          "g": 83,
          "b": 71
        }
      },
      "900": {
        "hex": "#302720",
        "rgb": {
          "r": 48,
          "g": 39,
          "b": 32
        }
      },
      "950": {
        "hex": "#0a0705",
        "rgb": {
          "r": 10,
          "g": 7,
          "b": 5
        }
      }
    }
  },
  {
    "name": "sea-green",
    "harmony": "Palette",
    "hex": "#6B8E6B",
    "rgb": {
      "r": 107,
      "g": 142,
      "b": 107
    },
    "hsl": {
      "h": 120,
      "s": 14,
      "l": 49
    },
    "value": "#6B8E6B",
    "tonalScale": {
      "50": {
        "hex": "#fafdfa",
        "rgb": {
          "r": 250,
          "g": 253,
          "b": 250
        }
      },
      "100": {
        "hex": "#f5faf5",
        "rgb": {
          "r": 245,
          "g": 250,
          "b": 245
        }
      },
      "200": {
        "hex": "#ebf3eb",
        "rgb": {
          "r": 235,
          "g": 243,
          "b": 235
        }
      },
      "300": {
        "hex": "#ddeadd",
        "rgb": {
          "r": 221,
          "g": 234,
          "b": 221
        }
      },
      "400": {
        "hex": "#cbddcb",
        "rgb": {
          "r": 203,
          "g": 221,
          "b": 203
        }
      },
      "500": {
        "hex": "#6B8E6B",
        "rgb": {
          "r": 107,
          "g": 142,
          "b": 107
        }
      },
      "600": {
        "hex": "#91a691",
        "rgb": {
          "r": 145,
          "g": 166,
          "b": 145
        }
      },
      "700": {
        "hex": "#637563",
        "rgb": {
          "r": 99,
          "g": 117,
          "b": 99
        }
      },
      "800": {
        "hex": "#3a483a",
        "rgb": {
          "r": 58,
          "g": 72,
          "b": 58
        }
      },
      "900": {
        "hex": "#192219",
        "rgb": {
          "r": 25,
          "g": 34,
          "b": 25
        }
      },
      "950": {
        "hex": "#030503",
        "rgb": {
          "r": 3,
          "g": 5,
          "b": 3
        }
      }
    }
  }
]
Name,Harmony,Hex,RGB,HSL,Value,T50,T100,T200,T300,T400,T500,T600,T700,T800,T900,T950
peach-puff,Palette,#FFDAB9,"rgb(255, 218, 185)","hsl(28, 100%, 86%)",#FFDAB9,#fffefc,#fffdfa,#fffbf5,#fff8ef,#fff4e7,#FFDAB9,#d8c9b9,#9a8d80,#60564c,#302923,#0a0806
sage-green,Palette,#9CAF88,"rgb(156, 175, 136)","hsl(89, 20%, 61%)",#9CAF88,#fcfefb,#f9fcf7,#f3f7ef,#ebf1e4,#e0e8d6,#9CAF88,#acb6a1,#78816f,#484f41,#22261d,#050604
deep-peach,Palette,#FFCBA4,"rgb(255, 203, 164)","hsl(26, 100%, 82%)",#FFCBA4,#fffefb,#fffcf8,#fff9f2,#fff5e9,#fff0df,#FFCBA4,#d9c2af,#9b8878,#615347,#302720,#0a0705
sea-green,Palette,#6B8E6B,"rgb(107, 142, 107)","hsl(120, 14%, 49%)",#6B8E6B,#fafdfa,#f5faf5,#ebf3eb,#ddeadd,#cbddcb,#6B8E6B,#91a691,#637563,#3a483a,#192219,#030503
GIMP Palette
Name: PocketSwiss analogous
Columns: 4
#
255 218 185   peach-puff
255 254 252   peach-puff-50
255 253 250   peach-puff-100
255 251 245   peach-puff-200
255 248 239   peach-puff-300
255 244 231   peach-puff-400
255 218 185   peach-puff-500
216 201 185   peach-puff-600
154 141 128   peach-puff-700
 96  86  76   peach-puff-800
 48  41  35   peach-puff-900
 10   8   6   peach-puff-950
156 175 136   sage-green
252 254 251   sage-green-50
249 252 247   sage-green-100
243 247 239   sage-green-200
235 241 228   sage-green-300
224 232 214   sage-green-400
156 175 136   sage-green-500
172 182 161   sage-green-600
120 129 111   sage-green-700
 72  79  65   sage-green-800
 34  38  29   sage-green-900
  5   6   4   sage-green-950
255 203 164   deep-peach
255 254 251   deep-peach-50
255 252 248   deep-peach-100
255 249 242   deep-peach-200
255 245 233   deep-peach-300
255 240 223   deep-peach-400
255 203 164   deep-peach-500
217 194 175   deep-peach-600
155 136 120   deep-peach-700
 97  83  71   deep-peach-800
 48  39  32   deep-peach-900
 10   7   5   deep-peach-950
107 142 107   sea-green
250 253 250   sea-green-50
245 250 245   sea-green-100
235 243 235   sea-green-200
221 234 221   sea-green-300
203 221 203   sea-green-400
107 142 107   sea-green-500
145 166 145   sea-green-600
 99 117  99   sea-green-700
 58  72  58   sea-green-800
 25  34  25   sea-green-900
  3   5   3   sea-green-950
Binary ASE — use Download to save the file.
Binary ACO — use Download to save the file.

What is Peach & Sage Palette?

Design fresh summer and organic fruit branding with this peach and sage palette featuring #FFDAB9 peach puff, #9CAF88 sage green, #FFCBA4 deep peach, and #6B8E6B sea green. This free peach & sage palette tool runs entirely in your browser — no sign-up, no uploads, and no data leaves your device.

Why use the Peach & Sage Palette tool?

Browse by mood: Sage Green Color Palettes · Wedding & Romantic Color Palettes