diff --git a/CHANGELOG.md b/CHANGELOG.md
index 5c1f7288..5529d039 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -5,6 +5,7 @@
 Changes:
 
 - Swap `vue-identitycon` to use `defineComponent` (requires vue 2.7+)
+- Swap `BeachballIcon` to use `colord` library (ESM + CJS, smaller)
 
 
 ## 3.0.2 Mar 11, 2023
diff --git a/packages/ui-shared/src/icons/beachball/defaults.ts b/packages/ui-shared/src/icons/beachball/defaults.ts
index dccfff14..36bc0a98 100644
--- a/packages/ui-shared/src/icons/beachball/defaults.ts
+++ b/packages/ui-shared/src/icons/beachball/defaults.ts
@@ -3,14 +3,9 @@
 
 // Copyright 2016 Dan Finlay
 
-const COLORS: string[] = [
+export const COLORS: readonly string[] = [
   // https://sashat.me/2017/01/11/list-of-20-simple-distinct-colors/
   '#ffe119', '#4363d8', '#f58231', '#fabebe', '#e6beff', '#800000', '#000075', '#a9a9a9', '#ffffff', '#000000'
-];
+] as const;
 
-const SHAPE_COUNT = 5;
-
-export {
-  COLORS,
-  SHAPE_COUNT
-};
+export const SHAPE_COUNT = 5 as const;