diff --git a/site/filters.json b/site/filters.json
index 878ecde..98a5dcf 100644
--- a/site/filters.json
+++ b/site/filters.json
@@ -147,7 +147,7 @@
         },
         {
             "name": "Sierra",
-            "is_done": false,
+            "is_done": true,
             "usage": "sierra"
         },
         {
diff --git a/source/scss/cssgram.scss b/source/scss/cssgram.scss
index 65872f7..a5f7d67 100644
--- a/source/scss/cssgram.scss
+++ b/source/scss/cssgram.scss
@@ -20,6 +20,7 @@
 @import 'rise';
 @import 'slumber';
 @import 'brannan';
+@import 'sierra';
 @import 'valencia';
 @import 'kelvin';
 @import 'maven';
diff --git a/source/scss/sierra.scss b/source/scss/sierra.scss
new file mode 100644
index 0000000..1cdd8ab
--- /dev/null
+++ b/source/scss/sierra.scss
@@ -0,0 +1,43 @@
+/*
+ *
+ * Sierra
+ *
+ */
+@import 'shared';
+
+// mixin to extend sierra filter
+// @mixin sierra
+// @param $filters... {filter} - Zero to many css filters to be added
+// @example
+//   img {
+//     @include sierra;
+//   }
+//   or
+//   img {
+//     @include sierra(blur(2px));
+//   }
+//   or
+//   img {
+//     @include sierra(blur(2px)) {
+//       /*...*/
+//     };
+//   }
+@mixin sierra($filters...) {
+  @extend %filter-base;
+   -webkit-filter: contrast(0.8) saturate(1.2) sepia(0.15);
+  filter: contrast(0.8) saturate(1.2) sepia(0.15);
+
+  &::after {
+    background: rgba(0, 70, 150, 0);
+    mix-blend-mode: initial;
+  }
+
+
+  @content;
+}
+
+// sierra Instagram filter
+%sierra,
+.sierra {
+  @include sierra;
+}