diff --git a/app/assets/javascripts/boards/components/issue_card_inner.vue b/app/assets/javascripts/boards/components/issue_card_inner.vue
index 7f554c99669e6270b8a42576cab5408e6a4b63e2..52919ea2af43ed916d3cc7e5d165cd371c598d3e 100644
--- a/app/assets/javascripts/boards/components/issue_card_inner.vue
+++ b/app/assets/javascripts/boards/components/issue_card_inner.vue
@@ -209,7 +209,7 @@ export default {
           #{{ issue.iid }}
         </span>
         <span class="board-info-items prepend-top-8 d-inline-block">
-          <issue-due-date v-if="issue.dueDate" :date="issue.dueDate" />
+          <issue-due-date v-if="issue.dueDate" :date="issue.dueDate" :closed="issue.closed" />
           <issue-time-estimate v-if="issue.timeEstimate" :estimate="issue.timeEstimate" />
           <issue-card-weight
             v-if="issue.weight"
diff --git a/app/assets/javascripts/boards/components/issue_due_date.vue b/app/assets/javascripts/boards/components/issue_due_date.vue
index 3bc7f13a9e64f87af2ba1185c628d5f8db3a3248..313c54cad94bb0c3bc4a12126187b89fe485bdd3 100644
--- a/app/assets/javascripts/boards/components/issue_due_date.vue
+++ b/app/assets/javascripts/boards/components/issue_due_date.vue
@@ -67,6 +67,7 @@ export default {
     },
     isPastDue() {
       if (this.timeDifference >= 0) return false;
+      if (this.closed) return false;
       return true;
     },
     standardDateFormat() {
diff --git a/app/assets/javascripts/boards/models/issue.js b/app/assets/javascripts/boards/models/issue.js
index 086340105b7b3a2a7e6e12a0b7f9d522ff616039..92ab7a3e14307610ca3debd6599e5d6057e64f14 100644
--- a/app/assets/javascripts/boards/models/issue.js
+++ b/app/assets/javascripts/boards/models/issue.js
@@ -24,6 +24,7 @@ class ListIssue {
     this.isFetching = {
       subscriptions: true,
     };
+    this.closed = obj.closed;
     this.isLoading = {};
     this.sidebarInfoEndpoint = obj.issue_sidebar_endpoint;
     this.referencePath = obj.reference_path;
diff --git a/app/serializers/issue_board_entity.rb b/app/serializers/issue_board_entity.rb
index b8f799a7456a84573f1f72b52d3f7f48498d3e9b..cf36b89841ce0b0de544e6aa908dc9061de7dd1d 100644
--- a/app/serializers/issue_board_entity.rb
+++ b/app/serializers/issue_board_entity.rb
@@ -13,6 +13,9 @@ class IssueBoardEntity < Grape::Entity
   expose :project_id
   expose :relative_position
   expose :time_estimate
+  expose :closed do |issue|
+    issue.closed?
+  end
 
   expose :project do |issue|
     API::Entities::Project.represent issue.project, only: [:id, :path]
diff --git a/changelogs/unreleased/closed-issue-weight-grey b/changelogs/unreleased/closed-issue-weight-grey
new file mode 100644
index 0000000000000000000000000000000000000000..66d25908dfdba68fc3bac3d1327c7c0ad4f23b32
--- /dev/null
+++ b/changelogs/unreleased/closed-issue-weight-grey
@@ -0,0 +1,5 @@
+---
+title: Board issue due dates appear grey for closed past-due issues
+merge_request: 16695
+author: rachelfox
+type: fixed