diff --git a/css/palette.css b/css/palette.css
index 33fd0bc..e91e39a 100644
--- a/css/palette.css
+++ b/css/palette.css
@@ -2,6 +2,14 @@
 a, a:hover, a:active {
   color: #4e63c9; }
 
+::selection {
+  background-color: #4e63c9 !important;
+  color: #FFF; }
+
+::-moz-selection {
+  background-color: #4e63c9 !important;
+  color: #FFF; }
+
 /* CARDS */
 .card-blue > .card-header {
   background-color: #4e63c9;
diff --git a/scss/palette.scss b/scss/palette.scss
index 02d029c..5e857b6 100644
--- a/scss/palette.scss
+++ b/scss/palette.scss
@@ -19,6 +19,7 @@ $color-info: $color-skyblue;
 $color-success: $color-green;
 
 $color-link: $color-blue;
+$color-selection: $color-blue;
 
 @mixin card-color($background-color, $text-color) {
   & > .card-header { background-color: $background-color; color:$text-color; }
@@ -48,6 +49,13 @@ a, a:hover, a:active {
   color: $color-link;
 }
 
+::selection {
+  @include background-color($color-selection, #FFF);
+}
+::-moz-selection {
+  @include background-color($color-selection, #FFF);
+}
+
 /* CARDS */
 
 .card {