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

Glacier Blue Palette

Create calm, trustworthy fintech and healthcare branding with this glacier blue palette featuring #E8F1F5 ice mist, #A8C5DA glacier, #6D9DB5 steel blue, #3A6E8C deep ice, and #1A3D50 arctic dark.

Export

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

:root {
  --glacier: #A8C5DA;
  --glacier-50: #fcfeff;
  --glacier-100: #f9fdff;
  --glacier-200: #f4f9fd;
  --glacier-300: #ecf5fb;
  --glacier-400: #e3eff7;
  --glacier-500: #A8C5DA;
  --glacier-600: #b2c0ca;
  --glacier-700: #7c8890;
  --glacier-800: #4a5359;
  --glacier-900: #22282c;
  --glacier-950: #050709;
  --steel-blue: #6D9DB5;
  --steel-blue-50: #fafeff;
  --steel-blue-100: #f4fbfd;
  --steel-blue-200: #eaf5fa;
  --steel-blue-300: #dcedf5;
  --steel-blue-400: #cae2ed;
  --steel-blue-500: #6D9DB5;
  --steel-blue-600: #91aeba;
  --steel-blue-700: #627b85;
  --steel-blue-800: #384b53;
  --steel-blue-900: #182429;
  --steel-blue-950: #030607;
  --deep-ice: #3A6E8C;
  --deep-ice-50: #f7fdff;
  --deep-ice-100: #eff8fc;
  --deep-ice-200: #dfeef6;
  --deep-ice-300: #c9e2ed;
  --deep-ice-400: #add0e0;
  --deep-ice-500: #3A6E8C;
  --deep-ice-600: #6b94a6;
  --deep-ice-700: #456878;
  --deep-ice-800: #243f4b;
  --deep-ice-900: #0b1d24;
  --deep-ice-950: #010406;
  --ice-mist: #E8F1F5;
  --ice-mist-50: #feffff;
  --ice-mist-100: #fefeff;
  --ice-mist-200: #fcfefe;
  --ice-mist-300: #fafdfe;
  --ice-mist-400: #f8fbfd;
  --ice-mist-500: #E8F1F5;
  --ice-mist-600: #ced2d4;
  --ice-mist-700: #919496;
  --ice-mist-800: #595b5c;
  --ice-mist-900: #2b2c2d;
  --ice-mist-950: #080909;
  --arctic-dark: #1A3D50;
  --arctic-dark-50: #f5fbfd;
  --arctic-dark-100: #eaf3f7;
  --arctic-dark-200: #d5e5eb;
  --arctic-dark-300: #b8d1dc;
  --arctic-dark-400: #94b7c5;
  --arctic-dark-500: #1A3D50;
  --arctic-dark-600: #477181;
  --arctic-dark-700: #2b4e5c;
  --arctic-dark-800: #122e39;
  --arctic-dark-900: #03141a;
  --arctic-dark-950: #000204;
}
$glacier: #A8C5DA;
$glacier-50: #fcfeff;
$glacier-100: #f9fdff;
$glacier-200: #f4f9fd;
$glacier-300: #ecf5fb;
$glacier-400: #e3eff7;
$glacier-500: #A8C5DA;
$glacier-600: #b2c0ca;
$glacier-700: #7c8890;
$glacier-800: #4a5359;
$glacier-900: #22282c;
$glacier-950: #050709;
$steel-blue: #6D9DB5;
$steel-blue-50: #fafeff;
$steel-blue-100: #f4fbfd;
$steel-blue-200: #eaf5fa;
$steel-blue-300: #dcedf5;
$steel-blue-400: #cae2ed;
$steel-blue-500: #6D9DB5;
$steel-blue-600: #91aeba;
$steel-blue-700: #627b85;
$steel-blue-800: #384b53;
$steel-blue-900: #182429;
$steel-blue-950: #030607;
$deep-ice: #3A6E8C;
$deep-ice-50: #f7fdff;
$deep-ice-100: #eff8fc;
$deep-ice-200: #dfeef6;
$deep-ice-300: #c9e2ed;
$deep-ice-400: #add0e0;
$deep-ice-500: #3A6E8C;
$deep-ice-600: #6b94a6;
$deep-ice-700: #456878;
$deep-ice-800: #243f4b;
$deep-ice-900: #0b1d24;
$deep-ice-950: #010406;
$ice-mist: #E8F1F5;
$ice-mist-50: #feffff;
$ice-mist-100: #fefeff;
$ice-mist-200: #fcfefe;
$ice-mist-300: #fafdfe;
$ice-mist-400: #f8fbfd;
$ice-mist-500: #E8F1F5;
$ice-mist-600: #ced2d4;
$ice-mist-700: #919496;
$ice-mist-800: #595b5c;
$ice-mist-900: #2b2c2d;
$ice-mist-950: #080909;
$arctic-dark: #1A3D50;
$arctic-dark-50: #f5fbfd;
$arctic-dark-100: #eaf3f7;
$arctic-dark-200: #d5e5eb;
$arctic-dark-300: #b8d1dc;
$arctic-dark-400: #94b7c5;
$arctic-dark-500: #1A3D50;
$arctic-dark-600: #477181;
$arctic-dark-700: #2b4e5c;
$arctic-dark-800: #122e39;
$arctic-dark-900: #03141a;
$arctic-dark-950: #000204;
colors: {
    'glacier': {
      50: '#fcfeff',
      100: '#f9fdff',
      200: '#f4f9fd',
      300: '#ecf5fb',
      400: '#e3eff7',
      500: '#A8C5DA',
      600: '#b2c0ca',
      700: '#7c8890',
      800: '#4a5359',
      900: '#22282c',
      950: '#050709',
      DEFAULT: '#A8C5DA',
    },
    'steel-blue': {
      50: '#fafeff',
      100: '#f4fbfd',
      200: '#eaf5fa',
      300: '#dcedf5',
      400: '#cae2ed',
      500: '#6D9DB5',
      600: '#91aeba',
      700: '#627b85',
      800: '#384b53',
      900: '#182429',
      950: '#030607',
      DEFAULT: '#6D9DB5',
    },
    'deep-ice': {
      50: '#f7fdff',
      100: '#eff8fc',
      200: '#dfeef6',
      300: '#c9e2ed',
      400: '#add0e0',
      500: '#3A6E8C',
      600: '#6b94a6',
      700: '#456878',
      800: '#243f4b',
      900: '#0b1d24',
      950: '#010406',
      DEFAULT: '#3A6E8C',
    },
    'ice-mist': {
      50: '#feffff',
      100: '#fefeff',
      200: '#fcfefe',
      300: '#fafdfe',
      400: '#f8fbfd',
      500: '#E8F1F5',
      600: '#ced2d4',
      700: '#919496',
      800: '#595b5c',
      900: '#2b2c2d',
      950: '#080909',
      DEFAULT: '#E8F1F5',
    },
    'arctic-dark': {
      50: '#f5fbfd',
      100: '#eaf3f7',
      200: '#d5e5eb',
      300: '#b8d1dc',
      400: '#94b7c5',
      500: '#1A3D50',
      600: '#477181',
      700: '#2b4e5c',
      800: '#122e39',
      900: '#03141a',
      950: '#000204',
      DEFAULT: '#1A3D50',
    },
  },
[
  {
    "name": "glacier",
    "harmony": "Palette",
    "hex": "#A8C5DA",
    "rgb": {
      "r": 168,
      "g": 197,
      "b": 218
    },
    "hsl": {
      "h": 205,
      "s": 40,
      "l": 76
    },
    "value": "#A8C5DA",
    "tonalScale": {
      "50": {
        "hex": "#fcfeff",
        "rgb": {
          "r": 252,
          "g": 254,
          "b": 255
        }
      },
      "100": {
        "hex": "#f9fdff",
        "rgb": {
          "r": 249,
          "g": 253,
          "b": 255
        }
      },
      "200": {
        "hex": "#f4f9fd",
        "rgb": {
          "r": 244,
          "g": 249,
          "b": 253
        }
      },
      "300": {
        "hex": "#ecf5fb",
        "rgb": {
          "r": 236,
          "g": 245,
          "b": 251
        }
      },
      "400": {
        "hex": "#e3eff7",
        "rgb": {
          "r": 227,
          "g": 239,
          "b": 247
        }
      },
      "500": {
        "hex": "#A8C5DA",
        "rgb": {
          "r": 168,
          "g": 197,
          "b": 218
        }
      },
      "600": {
        "hex": "#b2c0ca",
        "rgb": {
          "r": 178,
          "g": 192,
          "b": 202
        }
      },
      "700": {
        "hex": "#7c8890",
        "rgb": {
          "r": 124,
          "g": 136,
          "b": 144
        }
      },
      "800": {
        "hex": "#4a5359",
        "rgb": {
          "r": 74,
          "g": 83,
          "b": 89
        }
      },
      "900": {
        "hex": "#22282c",
        "rgb": {
          "r": 34,
          "g": 40,
          "b": 44
        }
      },
      "950": {
        "hex": "#050709",
        "rgb": {
          "r": 5,
          "g": 7,
          "b": 9
        }
      }
    }
  },
  {
    "name": "steel-blue",
    "harmony": "Palette",
    "hex": "#6D9DB5",
    "rgb": {
      "r": 109,
      "g": 157,
      "b": 181
    },
    "hsl": {
      "h": 200,
      "s": 33,
      "l": 57
    },
    "value": "#6D9DB5",
    "tonalScale": {
      "50": {
        "hex": "#fafeff",
        "rgb": {
          "r": 250,
          "g": 254,
          "b": 255
        }
      },
      "100": {
        "hex": "#f4fbfd",
        "rgb": {
          "r": 244,
          "g": 251,
          "b": 253
        }
      },
      "200": {
        "hex": "#eaf5fa",
        "rgb": {
          "r": 234,
          "g": 245,
          "b": 250
        }
      },
      "300": {
        "hex": "#dcedf5",
        "rgb": {
          "r": 220,
          "g": 237,
          "b": 245
        }
      },
      "400": {
        "hex": "#cae2ed",
        "rgb": {
          "r": 202,
          "g": 226,
          "b": 237
        }
      },
      "500": {
        "hex": "#6D9DB5",
        "rgb": {
          "r": 109,
          "g": 157,
          "b": 181
        }
      },
      "600": {
        "hex": "#91aeba",
        "rgb": {
          "r": 145,
          "g": 174,
          "b": 186
        }
      },
      "700": {
        "hex": "#627b85",
        "rgb": {
          "r": 98,
          "g": 123,
          "b": 133
        }
      },
      "800": {
        "hex": "#384b53",
        "rgb": {
          "r": 56,
          "g": 75,
          "b": 83
        }
      },
      "900": {
        "hex": "#182429",
        "rgb": {
          "r": 24,
          "g": 36,
          "b": 41
        }
      },
      "950": {
        "hex": "#030607",
        "rgb": {
          "r": 3,
          "g": 6,
          "b": 7
        }
      }
    }
  },
  {
    "name": "deep-ice",
    "harmony": "Palette",
    "hex": "#3A6E8C",
    "rgb": {
      "r": 58,
      "g": 110,
      "b": 140
    },
    "hsl": {
      "h": 202,
      "s": 41,
      "l": 39
    },
    "value": "#3A6E8C",
    "tonalScale": {
      "50": {
        "hex": "#f7fdff",
        "rgb": {
          "r": 247,
          "g": 253,
          "b": 255
        }
      },
      "100": {
        "hex": "#eff8fc",
        "rgb": {
          "r": 239,
          "g": 248,
          "b": 252
        }
      },
      "200": {
        "hex": "#dfeef6",
        "rgb": {
          "r": 223,
          "g": 238,
          "b": 246
        }
      },
      "300": {
        "hex": "#c9e2ed",
        "rgb": {
          "r": 201,
          "g": 226,
          "b": 237
        }
      },
      "400": {
        "hex": "#add0e0",
        "rgb": {
          "r": 173,
          "g": 208,
          "b": 224
        }
      },
      "500": {
        "hex": "#3A6E8C",
        "rgb": {
          "r": 58,
          "g": 110,
          "b": 140
        }
      },
      "600": {
        "hex": "#6b94a6",
        "rgb": {
          "r": 107,
          "g": 148,
          "b": 166
        }
      },
      "700": {
        "hex": "#456878",
        "rgb": {
          "r": 69,
          "g": 104,
          "b": 120
        }
      },
      "800": {
        "hex": "#243f4b",
        "rgb": {
          "r": 36,
          "g": 63,
          "b": 75
        }
      },
      "900": {
        "hex": "#0b1d24",
        "rgb": {
          "r": 11,
          "g": 29,
          "b": 36
        }
      },
      "950": {
        "hex": "#010406",
        "rgb": {
          "r": 1,
          "g": 4,
          "b": 6
        }
      }
    }
  },
  {
    "name": "ice-mist",
    "harmony": "Palette",
    "hex": "#E8F1F5",
    "rgb": {
      "r": 232,
      "g": 241,
      "b": 245
    },
    "hsl": {
      "h": 198,
      "s": 39,
      "l": 94
    },
    "value": "#E8F1F5",
    "tonalScale": {
      "50": {
        "hex": "#feffff",
        "rgb": {
          "r": 254,
          "g": 255,
          "b": 255
        }
      },
      "100": {
        "hex": "#fefeff",
        "rgb": {
          "r": 254,
          "g": 254,
          "b": 255
        }
      },
      "200": {
        "hex": "#fcfefe",
        "rgb": {
          "r": 252,
          "g": 254,
          "b": 254
        }
      },
      "300": {
        "hex": "#fafdfe",
        "rgb": {
          "r": 250,
          "g": 253,
          "b": 254
        }
      },
      "400": {
        "hex": "#f8fbfd",
        "rgb": {
          "r": 248,
          "g": 251,
          "b": 253
        }
      },
      "500": {
        "hex": "#E8F1F5",
        "rgb": {
          "r": 232,
          "g": 241,
          "b": 245
        }
      },
      "600": {
        "hex": "#ced2d4",
        "rgb": {
          "r": 206,
          "g": 210,
          "b": 212
        }
      },
      "700": {
        "hex": "#919496",
        "rgb": {
          "r": 145,
          "g": 148,
          "b": 150
        }
      },
      "800": {
        "hex": "#595b5c",
        "rgb": {
          "r": 89,
          "g": 91,
          "b": 92
        }
      },
      "900": {
        "hex": "#2b2c2d",
        "rgb": {
          "r": 43,
          "g": 44,
          "b": 45
        }
      },
      "950": {
        "hex": "#080909",
        "rgb": {
          "r": 8,
          "g": 9,
          "b": 9
        }
      }
    }
  },
  {
    "name": "arctic-dark",
    "harmony": "Palette",
    "hex": "#1A3D50",
    "rgb": {
      "r": 26,
      "g": 61,
      "b": 80
    },
    "hsl": {
      "h": 201,
      "s": 51,
      "l": 21
    },
    "value": "#1A3D50",
    "tonalScale": {
      "50": {
        "hex": "#f5fbfd",
        "rgb": {
          "r": 245,
          "g": 251,
          "b": 253
        }
      },
      "100": {
        "hex": "#eaf3f7",
        "rgb": {
          "r": 234,
          "g": 243,
          "b": 247
        }
      },
      "200": {
        "hex": "#d5e5eb",
        "rgb": {
          "r": 213,
          "g": 229,
          "b": 235
        }
      },
      "300": {
        "hex": "#b8d1dc",
        "rgb": {
          "r": 184,
          "g": 209,
          "b": 220
        }
      },
      "400": {
        "hex": "#94b7c5",
        "rgb": {
          "r": 148,
          "g": 183,
          "b": 197
        }
      },
      "500": {
        "hex": "#1A3D50",
        "rgb": {
          "r": 26,
          "g": 61,
          "b": 80
        }
      },
      "600": {
        "hex": "#477181",
        "rgb": {
          "r": 71,
          "g": 113,
          "b": 129
        }
      },
      "700": {
        "hex": "#2b4e5c",
        "rgb": {
          "r": 43,
          "g": 78,
          "b": 92
        }
      },
      "800": {
        "hex": "#122e39",
        "rgb": {
          "r": 18,
          "g": 46,
          "b": 57
        }
      },
      "900": {
        "hex": "#03141a",
        "rgb": {
          "r": 3,
          "g": 20,
          "b": 26
        }
      },
      "950": {
        "hex": "#000204",
        "rgb": {
          "r": 0,
          "g": 2,
          "b": 4
        }
      }
    }
  }
]
Name,Harmony,Hex,RGB,HSL,Value,T50,T100,T200,T300,T400,T500,T600,T700,T800,T900,T950
glacier,Palette,#A8C5DA,"rgb(168, 197, 218)","hsl(205, 40%, 76%)",#A8C5DA,#fcfeff,#f9fdff,#f4f9fd,#ecf5fb,#e3eff7,#A8C5DA,#b2c0ca,#7c8890,#4a5359,#22282c,#050709
steel-blue,Palette,#6D9DB5,"rgb(109, 157, 181)","hsl(200, 33%, 57%)",#6D9DB5,#fafeff,#f4fbfd,#eaf5fa,#dcedf5,#cae2ed,#6D9DB5,#91aeba,#627b85,#384b53,#182429,#030607
deep-ice,Palette,#3A6E8C,"rgb(58, 110, 140)","hsl(202, 41%, 39%)",#3A6E8C,#f7fdff,#eff8fc,#dfeef6,#c9e2ed,#add0e0,#3A6E8C,#6b94a6,#456878,#243f4b,#0b1d24,#010406
ice-mist,Palette,#E8F1F5,"rgb(232, 241, 245)","hsl(198, 39%, 94%)",#E8F1F5,#feffff,#fefeff,#fcfefe,#fafdfe,#f8fbfd,#E8F1F5,#ced2d4,#919496,#595b5c,#2b2c2d,#080909
arctic-dark,Palette,#1A3D50,"rgb(26, 61, 80)","hsl(201, 51%, 21%)",#1A3D50,#f5fbfd,#eaf3f7,#d5e5eb,#b8d1dc,#94b7c5,#1A3D50,#477181,#2b4e5c,#122e39,#03141a,#000204
GIMP Palette
Name: PocketSwiss analogous
Columns: 4
#
168 197 218   glacier
252 254 255   glacier-50
249 253 255   glacier-100
244 249 253   glacier-200
236 245 251   glacier-300
227 239 247   glacier-400
168 197 218   glacier-500
178 192 202   glacier-600
124 136 144   glacier-700
 74  83  89   glacier-800
 34  40  44   glacier-900
  5   7   9   glacier-950
109 157 181   steel-blue
250 254 255   steel-blue-50
244 251 253   steel-blue-100
234 245 250   steel-blue-200
220 237 245   steel-blue-300
202 226 237   steel-blue-400
109 157 181   steel-blue-500
145 174 186   steel-blue-600
 98 123 133   steel-blue-700
 56  75  83   steel-blue-800
 24  36  41   steel-blue-900
  3   6   7   steel-blue-950
 58 110 140   deep-ice
247 253 255   deep-ice-50
239 248 252   deep-ice-100
223 238 246   deep-ice-200
201 226 237   deep-ice-300
173 208 224   deep-ice-400
 58 110 140   deep-ice-500
107 148 166   deep-ice-600
 69 104 120   deep-ice-700
 36  63  75   deep-ice-800
 11  29  36   deep-ice-900
  1   4   6   deep-ice-950
232 241 245   ice-mist
254 255 255   ice-mist-50
254 254 255   ice-mist-100
252 254 254   ice-mist-200
250 253 254   ice-mist-300
248 251 253   ice-mist-400
232 241 245   ice-mist-500
206 210 212   ice-mist-600
145 148 150   ice-mist-700
 89  91  92   ice-mist-800
 43  44  45   ice-mist-900
  8   9   9   ice-mist-950
 26  61  80   arctic-dark
245 251 253   arctic-dark-50
234 243 247   arctic-dark-100
213 229 235   arctic-dark-200
184 209 220   arctic-dark-300
148 183 197   arctic-dark-400
 26  61  80   arctic-dark-500
 71 113 129   arctic-dark-600
 43  78  92   arctic-dark-700
 18  46  57   arctic-dark-800
  3  20  26   arctic-dark-900
  0   2   4   arctic-dark-950
Binary ASE — use Download to save the file.
Binary ACO — use Download to save the file.

What is Glacier Blue Palette?

Create calm, trustworthy fintech and healthcare branding with this glacier blue palette featuring #E8F1F5 ice mist, #A8C5DA glacier, #6D9DB5 steel blue, #3A6E8C deep ice, and #1A3D50 arctic dark.

Why use the Glacier Blue Palette tool?

Browse by mood: Blue Color Palettes