diff --git a/.changeset/ten-tables-rhyme.md b/.changeset/ten-tables-rhyme.md
new file mode 100644
index 000000000..b086404c9
--- /dev/null
+++ b/.changeset/ten-tables-rhyme.md
@@ -0,0 +1,5 @@
+---
+'@blinkk/root-cms': patch
+---
+
+feat: add release archiving and status filters
diff --git a/docs/scripts/fix_release_timestamps.mjs b/docs/scripts/fix_release_timestamps.mjs
new file mode 100644
index 000000000..25269f96c
--- /dev/null
+++ b/docs/scripts/fix_release_timestamps.mjs
@@ -0,0 +1,45 @@
+import {loadRootConfig} from '@blinkk/root/node';
+import {RootCMSClient} from '@blinkk/root-cms';
+import {Timestamp} from 'firebase-admin/firestore';
+
+async function main() {
+  const rootConfig = await loadRootConfig(process.cwd());
+  const client = new RootCMSClient(rootConfig);
+  const db = client.db;
+  const releases = await db.collection('Projects/www/Releases').get();
+
+  for (const doc of releases.docs) {
+    const data = doc.data();
+    let changed = false;
+
+    // Check createdAt field
+    if (data.createdAt && !(data.createdAt instanceof Timestamp)) {
+      if (data.createdAt._seconds && data.createdAt._nanoseconds) {
+        data.createdAt = new Timestamp(
+          data.createdAt._seconds,
+          data.createdAt._nanoseconds
+        );
+        changed = true;
+      }
+    }
+
+    // Check publishedAt field
+    if (data.publishedAt && !(data.publishedAt instanceof Timestamp)) {
+      if (data.publishedAt._seconds && data.publishedAt._nanoseconds) {
+        data.publishedAt = new Timestamp(
+          data.publishedAt._seconds,
+          data.publishedAt._nanoseconds
+        );
+        changed = true;
+      }
+    }
+
+    if (changed) {
+      console.log(`Updating release ${doc.id}`);
+      await doc.ref.set(data);
+    }
+  }
+  console.log('Done');
+}
+
+main();
diff --git a/packages/root-cms/ui/components/ReleaseStatusBadge/ReleaseStatusBadge.tsx b/packages/root-cms/ui/components/ReleaseStatusBadge/ReleaseStatusBadge.tsx
index 3ff22559c..9d04171dc 100644
--- a/packages/root-cms/ui/components/ReleaseStatusBadge/ReleaseStatusBadge.tsx
+++ b/packages/root-cms/ui/components/ReleaseStatusBadge/ReleaseStatusBadge.tsx
@@ -13,7 +13,21 @@ export interface ReleaseStatusBadgeProps {
 
 export function ReleaseStatusBadge(props: ReleaseStatusBadgeProps) {
   const release = props.release;
-  if (release.scheduledAt) {
+  if (testIsValidTimestamp(release.archivedAt)) {
+    return (
+      <Tooltip
+        {...TOOLTIP_PROPS}
+        label={`Archived ${timeDiff(release.archivedAt)} by ${
+          release.archivedBy
+        }`}
+      >
+        <Badge size="xs" color="gray" variant="filled">
+          Archived
+        </Badge>
+      </Tooltip>
+    );
+  }
+  if (testIsValidTimestamp(release.scheduledAt)) {
     return (
       <Tooltip
         {...TOOLTIP_PROPS}
@@ -33,7 +47,7 @@ export function ReleaseStatusBadge(props: ReleaseStatusBadgeProps) {
       </Tooltip>
     );
   }
-  if (release.publishedAt) {
+  if (testIsValidTimestamp(release.publishedAt)) {
     return (
       <Tooltip
         {...TOOLTIP_PROPS}
@@ -58,11 +72,15 @@ export function ReleaseStatusBadge(props: ReleaseStatusBadgeProps) {
   );
 }
 
+function testIsValidTimestamp(ts: any): ts is Timestamp {
+  return Boolean(ts && ts.toMillis);
+}
+
 function timeDiff(ts: Timestamp | null) {
   // Since we're using server timestamps, firestore doesn't always return the
   // timestamp right away since the db save is happening asynchronously. In
   // these cases, assume that the update happened very recently.
-  if (!ts) {
+  if (!ts?.toMillis) {
     return getTimeAgo(new Date().getTime());
   }
   return getTimeAgo(ts.toMillis());
diff --git a/packages/root-cms/ui/pages/ReleasePage/ReleasePage.css b/packages/root-cms/ui/pages/ReleasePage/ReleasePage.css
index 481498e76..a058696e1 100644
--- a/packages/root-cms/ui/pages/ReleasePage/ReleasePage.css
+++ b/packages/root-cms/ui/pages/ReleasePage/ReleasePage.css
@@ -100,3 +100,7 @@
   border-top: 1px solid var(--color-border);
   padding: 4px 8px;
 }
+
+.ReleasePage__footer {
+  margin-top: 40px;
+}
diff --git a/packages/root-cms/ui/pages/ReleasePage/ReleasePage.tsx b/packages/root-cms/ui/pages/ReleasePage/ReleasePage.tsx
index 9889fec48..f3f2d5cc0 100644
--- a/packages/root-cms/ui/pages/ReleasePage/ReleasePage.tsx
+++ b/packages/root-cms/ui/pages/ReleasePage/ReleasePage.tsx
@@ -8,7 +8,12 @@ import {
 } from '@mantine/core';
 import {useModals} from '@mantine/modals';
 import {showNotification, updateNotification} from '@mantine/notifications';
-import {IconSettings} from '@tabler/icons-preact';
+import {
+  IconArchive,
+  IconArchiveOff,
+  IconRestore,
+  IconSettings,
+} from '@tabler/icons-preact';
 import {useEffect, useState} from 'preact/hooks';
 import {ConditionalTooltip} from '../../components/ConditionalTooltip/ConditionalTooltip.js';
 import {DocPreviewCard} from '../../components/DocPreviewCard/DocPreviewCard.js';
@@ -26,6 +31,8 @@ import {
   cancelScheduledRelease,
   getRelease,
   publishRelease,
+  archiveRelease,
+  unarchiveRelease,
 } from '../../utils/release.js';
 import {timestamp} from '../../utils/time.js';
 import './ReleasePage.css';
@@ -36,6 +43,12 @@ export function ReleasePage(props: {id: string}) {
   const [updated, setUpdated] = useState(0);
   const id = props.id;
 
+  const modals = useModals();
+  const modalTheme = useModalTheme();
+  const {roles} = useProjectRoles();
+  const currentUserEmail = window.firebase.user.email || '';
+  const canPublish = testCanPublish(roles, currentUserEmail);
+
   async function init() {
     setLoading(true);
     await notifyErrors(async () => {
@@ -55,6 +68,48 @@ export function ReleasePage(props: {id: string}) {
     init();
   }
 
+  function onArchiveClicked() {
+    modals.openConfirmModal({
+      ...modalTheme,
+      title: `Archive release: ${id}`,
+      children: (
+        <Text size="body-sm" weight="semi-bold">
+          Are you sure you want to archive this release?
+        </Text>
+      ),
+      labels: {confirm: 'Archive', cancel: 'Cancel'},
+      cancelProps: {size: 'xs'},
+      confirmProps: {color: 'dark', size: 'xs'},
+      closeOnConfirm: true,
+      onConfirm: async () => {
+        await notifyErrors(async () => {
+          await archiveRelease(id);
+        });
+      },
+    });
+  }
+
+  function onUnarchiveClicked() {
+    modals.openConfirmModal({
+      ...modalTheme,
+      title: `Unarchive release: ${id}`,
+      children: (
+        <Text size="body-sm" weight="semi-bold">
+          Are you sure you want to unarchive this release?
+        </Text>
+      ),
+      labels: {confirm: 'Unarchive', cancel: 'Cancel'},
+      cancelProps: {size: 'xs'},
+      confirmProps: {color: 'dark', size: 'xs'},
+      closeOnConfirm: true,
+      onConfirm: async () => {
+        await notifyErrors(async () => {
+          await unarchiveRelease(id);
+        });
+      },
+    });
+  }
+
   return (
     <Layout>
       <div className="ReleasePage">
@@ -103,6 +158,34 @@ export function ReleasePage(props: {id: string}) {
                   key={`data-sources-${updated}`}
                 />
               )}
+            {release && canPublish && (
+              <div className="ReleasePage__footer">
+                {release.archivedAt ? (
+                  <Button
+                    className="ReleasePage__footer__unarchive"
+                    variant="default"
+                    size="xs"
+                    leftIcon={<IconRestore size={16} />}
+                    onClick={() => onUnarchiveClicked()}
+                    disabled={!canPublish}
+                  >
+                    Unarchive Release
+                  </Button>
+                ) : (
+                  <Button
+                    className="ReleasePage__footer__archive"
+                    variant="filled"
+                    color="red"
+                    size="xs"
+                    leftIcon={<IconArchive size={16} />}
+                    onClick={() => onArchiveClicked()}
+                    disabled={!canPublish}
+                  >
+                    Archive Release
+                  </Button>
+                )}
+              </div>
+            )}
           </>
         )}
       </div>
@@ -220,7 +303,7 @@ ReleasePage.PublishStatus = (props: {
             </td>
             <td>
               <div className="ReleasePage__PublishStatus__actions">
-                {!release.scheduledAt && (
+                {!release.archivedAt && !release.scheduledAt && (
                   <ConditionalTooltip
                     label="You don't have access to publish this release"
                     condition={!canPublish}
@@ -244,53 +327,54 @@ ReleasePage.PublishStatus = (props: {
                     </Tooltip>
                   </ConditionalTooltip>
                 )}
-                {release.scheduledAt ? (
-                  <ConditionalTooltip
-                    label="You don't have access to manage scheduled releases"
-                    condition={!canPublish}
-                  >
-                    <Tooltip
-                      label="Cancel the scheduled release"
-                      position="bottom"
-                      withArrow
-                      disabled={!canPublish}
+                {!release.archivedAt &&
+                  (release.scheduledAt ? (
+                    <ConditionalTooltip
+                      label="You don't have access to manage scheduled releases"
+                      condition={!canPublish}
                     >
-                      <Button
-                        variant="default"
-                        size="xs"
-                        compact
-                        onClick={() => onCancelScheduleClicked()}
+                      <Tooltip
+                        label="Cancel the scheduled release"
+                        position="bottom"
+                        withArrow
                         disabled={!canPublish}
                       >
-                        Cancel Schedule
-                      </Button>
-                    </Tooltip>
-                  </ConditionalTooltip>
-                ) : (
-                  <ConditionalTooltip
-                    label="You don't have access to manage scheduled releases"
-                    condition={!canPublish}
-                  >
-                    <Tooltip
-                      label="Schedule the release to be published at a future date"
-                      position="bottom"
-                      withArrow
-                      wrapLines
-                      width={180}
-                      disabled={!canPublish}
+                        <Button
+                          variant="default"
+                          size="xs"
+                          compact
+                          onClick={() => onCancelScheduleClicked()}
+                          disabled={!canPublish}
+                        >
+                          Cancel Schedule
+                        </Button>
+                      </Tooltip>
+                    </ConditionalTooltip>
+                  ) : (
+                    <ConditionalTooltip
+                      label="You don't have access to manage scheduled releases"
+                      condition={!canPublish}
                     >
-                      <Button
-                        variant="default"
-                        size="xs"
-                        compact
-                        onClick={() => onScheduleClicked()}
+                      <Tooltip
+                        label="Schedule the release to be published at a future date"
+                        position="bottom"
+                        withArrow
+                        wrapLines
+                        width={180}
                         disabled={!canPublish}
                       >
-                        Schedule
-                      </Button>
-                    </Tooltip>
-                  </ConditionalTooltip>
-                )}
+                        <Button
+                          variant="default"
+                          size="xs"
+                          compact
+                          onClick={() => onScheduleClicked()}
+                          disabled={!canPublish}
+                        >
+                          Schedule
+                        </Button>
+                      </Tooltip>
+                    </ConditionalTooltip>
+                  ))}
               </div>
             </td>
           </tr>
diff --git a/packages/root-cms/ui/pages/ReleasesPage/ReleasesPage.css b/packages/root-cms/ui/pages/ReleasesPage/ReleasesPage.css
index f85c6708c..c66432886 100644
--- a/packages/root-cms/ui/pages/ReleasesPage/ReleasesPage.css
+++ b/packages/root-cms/ui/pages/ReleasesPage/ReleasesPage.css
@@ -28,3 +28,9 @@
 .ReleasesPage__ReleasesTable__publishStatus__icon {
   color: #12b886;
 }
+
+.ReleasesPage__ReleasesTable__filters {
+  display: flex;
+  justify-content: flex-end;
+  margin-bottom: 20px;
+}
diff --git a/packages/root-cms/ui/pages/ReleasesPage/ReleasesPage.tsx b/packages/root-cms/ui/pages/ReleasesPage/ReleasesPage.tsx
index 332ea3e69..bd329957f 100644
--- a/packages/root-cms/ui/pages/ReleasesPage/ReleasesPage.tsx
+++ b/packages/root-cms/ui/pages/ReleasesPage/ReleasesPage.tsx
@@ -1,7 +1,7 @@
 import './ReleasesPage.css';
 
-import {Button, Loader, Table} from '@mantine/core';
-import {useEffect, useState} from 'preact/hooks';
+import {Button, Loader, SegmentedControl, Table} from '@mantine/core';
+import {useEffect, useMemo, useState} from 'preact/hooks';
 import {ConditionalTooltip} from '../../components/ConditionalTooltip/ConditionalTooltip.js';
 import {Heading} from '../../components/Heading/Heading.js';
 import {ReleaseStatusBadge} from '../../components/ReleaseStatusBadge/ReleaseStatusBadge.js';
@@ -11,6 +11,8 @@ import {Layout} from '../../layout/Layout.js';
 import {testCanPublish} from '../../utils/permissions.js';
 import {Release, listReleases} from '../../utils/release.js';
 
+type ReleaseListFilter = 'active' | 'unpublished' | 'published' | 'archived';
+
 export function ReleasesPage() {
   const {roles} = useProjectRoles();
   const currentUserEmail = window.firebase.user.email || '';
@@ -51,6 +53,7 @@ export function ReleasesPage() {
 ReleasesPage.ReleasesTable = () => {
   const [loading, setLoading] = useState(true);
   const [tableData, setTableData] = useState<Release[]>([]);
+  const [filter, setFilter] = useState<ReleaseListFilter>('active');
 
   async function init() {
     const releases = await listReleases();
@@ -58,6 +61,23 @@ ReleasesPage.ReleasesTable = () => {
     setLoading(false);
   }
 
+  const filteredReleases = useMemo(() => {
+    return tableData.filter((release) => {
+      const isArchived = Boolean(release.archivedAt);
+      const isPublished = Boolean(release.publishedAt);
+      if (filter === 'active') {
+        return !isArchived;
+      }
+      if (filter === 'unpublished') {
+        return !isArchived && !isPublished;
+      }
+      if (filter === 'published') {
+        return !isArchived && isPublished;
+      }
+      return isArchived;
+    });
+  }, [tableData, filter]);
+
   useEffect(() => {
     init();
   }, []);
@@ -65,39 +85,59 @@ ReleasesPage.ReleasesTable = () => {
   return (
     <div className="ReleasesPage__ReleasesTable">
       {loading && <Loader color="gray" size="xl" />}
-      {tableData.length > 0 && (
-        <Table verticalSpacing="xs" striped highlightOnHover fontSize="xs">
-          <thead>
-            <tr>
-              <th>id</th>
-              <th>description</th>
-              <th>content</th>
-              <th>status</th>
-            </tr>
-          </thead>
-          <tbody>
-            {tableData.map((release) => (
-              <tr key={release.id}>
-                <td>
-                  <a href={`/cms/releases/${release.id}`}>{release.id}</a>
-                </td>
-                <td>{release.description || ''}</td>
-                <td>
-                  {(release.docIds || []).map((docId) => (
-                    <div>
-                      <a href={`/cms/content/${docId}`}>{docId}</a>
-                    </div>
-                  ))}
-                </td>
-                <td>
-                  <div className="ReleasesPage__ReleasesTable__publishStatus">
-                    <ReleaseStatusBadge release={release} />
-                  </div>
-                </td>
-              </tr>
-            ))}
-          </tbody>
-        </Table>
+      {!loading && (
+        <>
+          <div className="ReleasesPage__ReleasesTable__filters">
+            <SegmentedControl
+              size="sm"
+              value={filter}
+              onChange={(value: ReleaseListFilter) => setFilter(value)}
+              data={[
+                {label: 'Active', value: 'active'},
+                {label: 'Unpublished', value: 'unpublished'},
+                {label: 'Published', value: 'published'},
+                {label: 'Archived', value: 'archived'},
+              ]}
+            />
+          </div>
+          {filteredReleases.length > 0 && (
+            <Table verticalSpacing="xs" striped highlightOnHover fontSize="xs">
+              <thead>
+                <tr>
+                  <th>id</th>
+                  <th>description</th>
+                  <th>content</th>
+                  <th>status</th>
+                </tr>
+              </thead>
+              <tbody>
+                {filteredReleases.map((release) => (
+                  <tr key={release.id}>
+                    <td>
+                      <a href={`/cms/releases/${release.id}`}>{release.id}</a>
+                    </td>
+                    <td>{release.description || ''}</td>
+                    <td>
+                      {(release.docIds || []).map((docId) => (
+                        <div key={docId}>
+                          <a href={`/cms/content/${docId}`}>{docId}</a>
+                        </div>
+                      ))}
+                    </td>
+                    <td>
+                      <div className="ReleasesPage__ReleasesTable__publishStatus">
+                        <ReleaseStatusBadge release={release} />
+                      </div>
+                    </td>
+                  </tr>
+                ))}
+              </tbody>
+            </Table>
+          )}
+          {filteredReleases.length === 0 && (
+            <Text as="p">No releases found for this filter.</Text>
+          )}
+        </>
       )}
     </div>
   );
diff --git a/packages/root-cms/ui/utils/release.ts b/packages/root-cms/ui/utils/release.ts
index 441f53524..4bb8ca545 100644
--- a/packages/root-cms/ui/utils/release.ts
+++ b/packages/root-cms/ui/utils/release.ts
@@ -28,6 +28,8 @@ export interface Release {
   scheduledBy?: string;
   publishedAt?: Timestamp;
   publishedBy?: string;
+  archivedAt?: Timestamp;
+  archivedBy?: string;
 }
 
 const COLLECTION_ID = 'Releases';
@@ -95,11 +97,36 @@ export async function deleteRelease(id: string) {
   logAction('release.delete', {metadata: {releaseId: id}});
 }
 
+export async function archiveRelease(id: string) {
+  const projectId = window.__ROOT_CTX.rootConfig.projectId;
+  const db = window.firebase.db;
+  const docRef = doc(db, 'Projects', projectId, COLLECTION_ID, id);
+  await updateDoc(docRef, {
+    archivedAt: serverTimestamp(),
+    archivedBy: window.firebase.user.email,
+  });
+  logAction('release.archive', {metadata: {releaseId: id}});
+}
+
+export async function unarchiveRelease(id: string) {
+  const projectId = window.__ROOT_CTX.rootConfig.projectId;
+  const db = window.firebase.db;
+  const docRef = doc(db, 'Projects', projectId, COLLECTION_ID, id);
+  await updateDoc(docRef, {
+    archivedAt: deleteField(),
+    archivedBy: deleteField(),
+  });
+  logAction('release.unarchive', {metadata: {releaseId: id}});
+}
+
 export async function publishRelease(id: string) {
   const release = await getRelease(id);
   if (!release) {
     throw new Error(`release not found: ${id}`);
   }
+  if (release.archivedAt) {
+    throw new Error(`release is archived: ${id}`);
+  }
   const docIds = release.docIds || [];
   const dataSourceIds = release.dataSourceIds || [];
   if (docIds.length === 0 && dataSourceIds.length === 0) {
@@ -129,7 +156,11 @@ export async function publishRelease(id: string) {
     publishMessage: release.description,
   });
   console.log(`published release: ${id}`);
-  const metadata: Record<string, unknown> = {releaseId: id, docIds, dataSourceIds};
+  const metadata: Record<string, unknown> = {
+    releaseId: id,
+    docIds,
+    dataSourceIds,
+  };
   if (release.description) {
     metadata.publishMessage = release.description;
   }
@@ -147,6 +178,10 @@ export async function scheduleRelease(
     throw new Error(`release not found: ${id}`);
   }
 
+  if (release.archivedAt) {
+    throw new Error(`release is archived: ${id}`);
+  }
+
   if (typeof timestamp === 'number') {
     timestamp = Timestamp.fromMillis(timestamp);
   }