$palette-map: (
	black: #1b1b1b,
	black-tint: rgba(#1b1b1b, 0.1),
	tundora: #404040,
	mako: #404348,
	abbey-dark: #4c4f56,
	abbey-light: #575a61,
	scorpion: #5c5c5c,
	shuttle-gray: #515a6a,
	shuttle-gray-tint: rgba(#515a6a, 0.1),
	dove-gray: #666666,
	dove-gray-light-tint: rgba(#666666, 0.1),
	dove-gray-dark-tint: rgba(#666666, 0.14),
	gray: #808080,
	aluminium: #a7aaae,
	silver: #cccccc,
	iron: #dcdddf,
	athens-gray-dark: #ecedf1,
	athens-gray-light: #f8f9fb,
	white: #ffffff,
	white-transparent: rgba(255, 255, 255, 0),
	alto: #d8d8d8,
	teal-darkest: #0c6460,
	teal-darker: #007b78,
	teal-dark: #39b2a9,
	teal: #10d0c3,
	teal-tint: rgba(16, 208, 195, 0.1),
	teal-light: #93e7e0,
	teal-slightly-lighter: #b0eee9,
	teal-lighter: #cce3e5,
	teal-lightest: #e7faf9,
	cyprus: #003d3c,
	blue: #004e8b,
	sky-blue: #95bdd4,
	blue-light: #eef4f6,
	green: #0fa578,
	orange: #e67e22,
	red: #bd0016,
	monza: #d4001a,
	connection-green: #007976
);

@function getColor($name) {
	@return map_get($palette-map, $name);
}

@each $name, $value in $palette-map {
	.color--#{$name} {
		color: $value;
	}
}