@oxyhq/bloom 0.40.0 → 0.41.0

package/src/theme/__tests__/__snapshots__/visual-gallery.test.tsx.snap

@@ -25,11 +25,11 @@ exports[`theme.colors snapshot for all presets (catches unintended palette shift
     "primaryLight": "rgb(36 26 14)",
     "primarySubtle": "rgb(101 62 0)",
     "primarySubtleForeground": "rgb(255 221 184)",
-    "secondary": "rgb(227 194 140)",
-    "secondaryForeground": "rgb(65 45 5)",
+    "secondary": "rgb(255 186 43)",
+    "secondaryForeground": "rgb(66 44 0)",
     "shadow": "rgba(0, 0, 0, 0.3)",
     "success": "#10B981",
-    "tertiary": "rgb(225 196 119)",
+    "tertiary": "rgb(243 192 0)",
     "tertiaryForeground": "rgb(61 46 0)",
     "text": "rgb(244 223 203)",
     "textSecondary": "rgb(217 195 171)",
@@ -60,11 +60,11 @@ exports[`theme.colors snapshot for all presets (catches unintended palette shift
     "primaryLight": "rgb(255 241 229)",
     "primarySubtle": "rgb(255 221 184)",
     "primarySubtleForeground": "rgb(101 62 0)",
-    "secondary": "rgb(115 90 46)",
+    "secondary": "rgb(125 87 0)",
     "secondaryForeground": "rgb(255 255 255)",
     "shadow": "rgba(0, 0, 0, 0.1)",
     "success": "#10B981",
-    "tertiary": "rgb(114 92 26)",
+    "tertiary": "rgb(117 91 0)",
     "tertiaryForeground": "rgb(255 255 255)",
     "text": "rgb(36 26 14)",
     "textSecondary": "rgb(84 68 50)",
@@ -95,12 +95,12 @@ exports[`theme.colors snapshot for all presets (catches unintended palette shift
     "primaryLight": "rgb(21 28 36)",
     "primarySubtle": "rgb(0 74 120)",
     "primarySubtleForeground": "rgb(207 229 255)",
-    "secondary": "rgb(185 198 234)",
-    "secondaryForeground": "rgb(35 48 77)",
+    "secondary": "rgb(175 198 255)",
+    "secondaryForeground": "rgb(0 45 109)",
     "shadow": "rgba(0, 0, 0, 0.3)",
     "success": "#10B981",
-    "tertiary": "rgb(193 194 249)",
-    "tertiaryForeground": "rgb(42 43 89)",
+    "tertiary": "rgb(193 193 255)",
+    "tertiaryForeground": "rgb(18 0 169)",
     "text": "rgb(220 227 238)",
     "textSecondary": "rgb(190 199 212)",
     "textTertiary": "rgb(136 146 158)",
@@ -130,11 +130,11 @@ exports[`theme.colors snapshot for all presets (catches unintended palette shift
     "primaryLight": "rgb(237 244 255)",
     "primarySubtle": "rgb(207 229 255)",
     "primarySubtleForeground": "rgb(0 74 120)",
-    "secondary": "rgb(81 94 125)",
+    "secondary": "rgb(0 89 200)",
     "secondaryForeground": "rgb(255 255 255)",
     "shadow": "rgba(0, 0, 0, 0.1)",
     "success": "#10B981",
-    "tertiary": "rgb(89 90 139)",
+    "tertiary": "rgb(71 71 225)",
     "tertiaryForeground": "rgb(255 255 255)",
     "text": "rgb(21 28 36)",
     "textSecondary": "rgb(62 72 82)",
@@ -165,11 +165,11 @@ exports[`theme.colors snapshot for all presets (catches unintended palette shift
     "primaryLight": "rgb(24 29 18)",
     "primarySubtle": "rgb(40 80 0)",
     "primarySubtleForeground": "rgb(138 254 0)",
-    "secondary": "rgb(174 207 172)",
-    "secondaryForeground": "rgb(26 54 30)",
+    "secondary": "rgb(102 222 124)",
+    "secondaryForeground": "rgb(0 57 19)",
     "shadow": "rgba(0, 0, 0, 0.3)",
     "success": "#10B981",
-    "tertiary": "rgb(151 212 179)",
+    "tertiary": "rgb(0 226 157)",
     "tertiaryForeground": "rgb(0 56 36)",
     "text": "rgb(223 229 211)",
     "textSecondary": "rgb(193 202 180)",
@@ -200,11 +200,11 @@ exports[`theme.colors snapshot for all presets (catches unintended palette shift
     "primaryLight": "rgb(240 246 227)",
     "primarySubtle": "rgb(138 254 0)",
     "primarySubtleForeground": "rgb(40 80 0)",
-    "secondary": "rgb(72 101 73)",
+    "secondary": "rgb(0 110 43)",
     "secondaryForeground": "rgb(255 255 255)",
     "shadow": "rgba(0, 0, 0, 0.1)",
     "success": "#10B981",
-    "tertiary": "rgb(47 105 78)",
+    "tertiary": "rgb(0 108 73)",
     "tertiaryForeground": "rgb(255 255 255)",
     "text": "rgb(24 29 18)",
     "textSecondary": "rgb(65 73 57)",
@@ -235,11 +235,11 @@ exports[`theme.colors snapshot for all presets (catches unintended palette shift
     "primaryLight": "rgb(19 30 24)",
     "primarySubtle": "rgb(0 82 54)",
     "primarySubtleForeground": "rgb(71 255 184)",
-    "secondary": "rgb(162 208 195)",
-    "secondaryForeground": "rgb(5 55 46)",
+    "secondary": "rgb(0 223 192)",
+    "secondaryForeground": "rgb(0 56 46)",
     "shadow": "rgba(0, 0, 0, 0.3)",
     "success": "#10B981",
-    "tertiary": "rgb(140 211 208)",
+    "tertiary": "rgb(0 221 218)",
     "tertiaryForeground": "rgb(0 55 54)",
     "text": "rgb(217 230 220)",
     "textSecondary": "rgb(186 203 191)",
@@ -270,11 +270,11 @@ exports[`theme.colors snapshot for all presets (catches unintended palette shift
     "primaryLight": "rgb(234 247 237)",
     "primarySubtle": "rgb(71 255 184)",
     "primarySubtleForeground": "rgb(0 82 54)",
-    "secondary": "rgb(59 102 92)",
+    "secondary": "rgb(0 107 91)",
     "secondaryForeground": "rgb(255 255 255)",
     "shadow": "rgba(0, 0, 0, 0.1)",
     "success": "#10B981",
-    "tertiary": "rgb(26 105 103)",
+    "tertiary": "rgb(0 106 104)",
     "tertiaryForeground": "rgb(255 255 255)",
     "text": "rgb(19 30 24)",
     "textSecondary": "rgb(59 74 65)",
@@ -305,11 +305,11 @@ exports[`theme.colors snapshot for all presets (catches unintended palette shift
     "primaryLight": "rgb(17 30 28)",
     "primarySubtle": "rgb(0 80 72)",
     "primarySubtleForeground": "rgb(0 254 229)",
-    "secondary": "rgb(160 207 210)",
+    "secondary": "rgb(0 220 230)",
     "secondaryForeground": "rgb(0 55 58)",
     "shadow": "rgba(0, 0, 0, 0.3)",
     "success": "#10B981",
-    "tertiary": "rgb(145 208 228)",
+    "tertiary": "rgb(38 216 255)",
     "tertiaryForeground": "rgb(0 54 65)",
     "text": "rgb(215 230 225)",
     "textSecondary": "rgb(184 202 198)",
@@ -340,11 +340,11 @@ exports[`theme.colors snapshot for all presets (catches unintended palette shift
     "primaryLight": "rgb(232 247 242)",
     "primarySubtle": "rgb(0 254 229)",
     "primarySubtleForeground": "rgb(0 80 72)",
-    "secondary": "rgb(56 101 105)",
+    "secondary": "rgb(0 105 110)",
     "secondaryForeground": "rgb(255 255 255)",
     "shadow": "rgba(0, 0, 0, 0.1)",
     "success": "#10B981",
-    "tertiary": "rgb(33 102 120)",
+    "tertiary": "rgb(0 103 124)",
     "tertiaryForeground": "rgb(255 255 255)",
     "text": "rgb(17 30 28)",
     "textSecondary": "rgb(57 74 71)",
@@ -375,11 +375,11 @@ exports[`theme.colors snapshot for all presets (catches unintended palette shift
     "primaryLight": "rgb(38 24 17)",
     "primarySubtle": "rgb(120 50 0)",
     "primarySubtleForeground": "rgb(255 219 202)",
-    "secondary": "rgb(238 189 147)",
-    "secondaryForeground": "rgb(71 41 11)",
+    "secondary": "rgb(255 184 118)",
+    "secondaryForeground": "rgb(75 39 0)",
     "shadow": "rgba(0, 0, 0, 0.3)",
     "success": "#10B981",
-    "tertiary": "rgb(238 191 121)",
+    "tertiary": "rgb(255 186 71)",
     "tertiaryForeground": "rgb(68 43 0)",
     "text": "rgb(248 221 209)",
     "textSecondary": "rgb(223 192 178)",
@@ -410,11 +410,11 @@ exports[`theme.colors snapshot for all presets (catches unintended palette shift
     "primaryLight": "rgb(255 241 235)",
     "primarySubtle": "rgb(255 219 202)",
     "primarySubtleForeground": "rgb(120 50 0)",
-    "secondary": "rgb(124 86 52)",
+    "secondary": "rgb(141 79 0)",
     "secondaryForeground": "rgb(255 255 255)",
     "shadow": "rgba(0, 0, 0, 0.1)",
     "success": "#10B981",
-    "tertiary": "rgb(123 88 28)",
+    "tertiary": "rgb(128 86 0)",
     "tertiaryForeground": "rgb(255 255 255)",
     "text": "rgb(38 24 17)",
     "textSecondary": "rgb(87 66 56)",
@@ -445,12 +445,12 @@ exports[`theme.colors snapshot for all presets (catches unintended palette shift
     "primaryLight": "rgb(33 25 34)",
     "primarySubtle": "rgb(119 0 154)",
     "primarySubtleForeground": "rgb(251 215 255)",
-    "secondary": "rgb(227 186 218)",
-    "secondaryForeground": "rgb(67 39 63)",
+    "secondary": "rgb(255 171 243)",
+    "secondaryForeground": "rgb(91 0 91)",
     "shadow": "rgba(0, 0, 0, 0.3)",
     "success": "#10B981",
-    "tertiary": "rgb(246 179 213)",
-    "tertiaryForeground": "rgb(78 32 60)",
+    "tertiary": "rgb(255 174 217)",
+    "tertiaryForeground": "rgb(97 0 70)",
     "text": "rgb(237 222 235)",
     "textSecondary": "rgb(210 193 210)",
     "textTertiary": "rgb(155 140 155)",
@@ -480,11 +480,11 @@ exports[`theme.colors snapshot for all presets (catches unintended palette shift
     "primaryLight": "rgb(255 239 253)",
     "primarySubtle": "rgb(251 215 255)",
     "primarySubtleForeground": "rgb(119 0 154)",
-    "secondary": "rgb(117 84 111)",
+    "secondary": "rgb(153 51 148)",
     "secondaryForeground": "rgb(255 255 255)",
     "shadow": "rgba(0, 0, 0, 0.1)",
     "success": "#10B981",
-    "tertiary": "rgb(131 78 107)",
+    "tertiary": "rgb(169 36 127)",
     "tertiaryForeground": "rgb(255 255 255)",
     "text": "rgb(33 25 34)",
     "textSecondary": "rgb(79 67 80)",
@@ -515,12 +515,12 @@ exports[`theme.colors snapshot for all presets (catches unintended palette shift
     "primaryLight": "rgb(37 24 29)",
     "primarySubtle": "rgb(140 0 83)",
     "primarySubtleForeground": "rgb(255 217 228)",
-    "secondary": "rgb(242 183 192)",
-    "secondaryForeground": "rgb(75 37 44)",
+    "secondary": "rgb(255 178 190)",
+    "secondaryForeground": "rgb(102 0 38)",
     "shadow": "rgba(0, 0, 0, 0.3)",
     "success": "#10B981",
     "tertiary": "rgb(255 179 175)",
-    "tertiaryForeground": "rgb(83 32 31)",
+    "tertiaryForeground": "rgb(104 0 14)",
     "text": "rgb(245 220 227)",
     "textSecondary": "rgb(219 191 200)",
     "textTertiary": "rgb(163 138 146)",
@@ -550,11 +550,11 @@ exports[`theme.colors snapshot for all presets (catches unintended palette shift
     "primaryLight": "rgb(255 240 243)",
     "primarySubtle": "rgb(255 217 228)",
     "primarySubtleForeground": "rgb(140 0 83)",
-    "secondary": "rgb(128 81 89)",
+    "secondary": "rgb(170 48 81)",
     "secondaryForeground": "rgb(255 255 255)",
     "shadow": "rgba(0, 0, 0, 0.1)",
     "success": "#10B981",
-    "tertiary": "rgb(139 77 74)",
+    "tertiary": "rgb(178 42 48)",
     "tertiaryForeground": "rgb(255 255 255)",
     "text": "rgb(37 24 29)",
     "textSecondary": "rgb(85 65 72)",
@@ -585,12 +585,12 @@ exports[`theme.colors snapshot for all presets (catches unintended palette shift
     "primaryLight": "rgb(29 26 36)",
     "primarySubtle": "rgb(86 0 202)",
     "primarySubtleForeground": "rgb(233 221 255)",
-    "secondary": "rgb(215 189 228)",
-    "secondaryForeground": "rgb(59 41 71)",
+    "secondary": "rgb(227 181 255)",
+    "secondaryForeground": "rgb(77 0 122)",
     "shadow": "rgba(0, 0, 0, 0.3)",
     "success": "#10B981",
-    "tertiary": "rgb(233 183 230)",
-    "tertiaryForeground": "rgb(71 35 73)",
+    "tertiary": "rgb(254 169 255)",
+    "tertiaryForeground": "rgb(88 0 98)",
     "text": "rgb(231 224 238)",
     "textSecondary": "rgb(203 195 213)",
     "textTertiary": "rgb(148 142 159)",
@@ -620,11 +620,11 @@ exports[`theme.colors snapshot for all presets (catches unintended palette shift
     "primaryLight": "rgb(248 241 255)",
     "primarySubtle": "rgb(233 221 255)",
     "primarySubtleForeground": "rgb(86 0 202)",
-    "secondary": "rgb(107 87 120)",
+    "secondary": "rgb(131 60 180)",
     "secondaryForeground": "rgb(255 255 255)",
     "shadow": "rgba(0, 0, 0, 0.1)",
     "success": "#10B981",
-    "tertiary": "rgb(121 80 121)",
+    "tertiary": "rgb(154 41 166)",
     "tertiaryForeground": "rgb(255 255 255)",
     "text": "rgb(29 26 36)",
     "textSecondary": "rgb(73 68 83)",
@@ -655,11 +655,11 @@ exports[`theme.colors snapshot for all presets (catches unintended palette shift
     "primaryLight": "rgb(39 24 23)",
     "primarySubtle": "rgb(147 0 19)",
     "primarySubtleForeground": "rgb(255 218 215)",
-    "secondary": "rgb(245 185 162)",
-    "secondaryForeground": "rgb(75 39 23)",
+    "secondary": "rgb(255 181 152)",
+    "secondaryForeground": "rgb(89 28 0)",
     "shadow": "rgba(0, 0, 0, 0.3)",
     "success": "#10B981",
-    "tertiary": "rgb(251 184 132)",
+    "tertiary": "rgb(255 183 126)",
     "tertiaryForeground": "rgb(77 38 0)",
     "text": "rgb(249 220 217)",
     "textSecondary": "rgb(223 191 188)",
@@ -690,11 +690,11 @@ exports[`theme.colors snapshot for all presets (catches unintended palette shift
     "primaryLight": "rgb(255 240 239)",
     "primarySubtle": "rgb(255 218 215)",
     "primarySubtleForeground": "rgb(147 0 19)",
-    "secondary": "rgb(129 83 65)",
+    "secondary": "rgb(166 60 0)",
     "secondaryForeground": "rgb(255 255 255)",
     "shadow": "rgba(0, 0, 0, 0.1)",
     "success": "#10B981",
-    "tertiary": "rgb(133 83 39)",
+    "tertiary": "rgb(145 76 0)",
     "tertiaryForeground": "rgb(255 255 255)",
     "text": "rgb(39 24 23)",
     "textSecondary": "rgb(88 65 63)",
@@ -725,12 +725,12 @@ exports[`theme.colors snapshot for all presets (catches unintended palette shift
     "primaryLight": "rgb(20 29 35)",
     "primarySubtle": "rgb(0 76 110)",
     "primarySubtleForeground": "rgb(201 230 255)",
-    "secondary": "rgb(180 200 233)",
-    "secondaryForeground": "rgb(29 49 76)",
+    "secondary": "rgb(164 200 255)",
+    "secondaryForeground": "rgb(0 49 94)",
     "shadow": "rgba(0, 0, 0, 0.3)",
     "success": "#10B981",
-    "tertiary": "rgb(185 196 250)",
-    "tertiaryForeground": "rgb(34 46 90)",
+    "tertiary": "rgb(183 196 255)",
+    "tertiaryForeground": "rgb(0 38 131)",
     "text": "rgb(219 227 237)",
     "textSecondary": "rgb(188 200 211)",
     "textTertiary": "rgb(134 146 157)",
@@ -760,11 +760,11 @@ exports[`theme.colors snapshot for all presets (catches unintended palette shift
     "primaryLight": "rgb(236 245 254)",
     "primarySubtle": "rgb(201 230 255)",
     "primarySubtleForeground": "rgb(0 76 110)",
-    "secondary": "rgb(76 95 124)",
+    "secondary": "rgb(0 95 173)",
     "secondaryForeground": "rgb(255 255 255)",
     "shadow": "rgba(0, 0, 0, 0.1)",
     "success": "#10B981",
-    "tertiary": "rgb(81 92 139)",
+    "tertiary": "rgb(26 79 226)",
     "tertiaryForeground": "rgb(255 255 255)",
     "text": "rgb(20 29 35)",
     "textSecondary": "rgb(61 72 81)",
@@ -795,11 +795,11 @@ exports[`theme.colors snapshot for all presets (catches unintended palette shift
     "primaryLight": "rgb(17 29 32)",
     "primarySubtle": "rgb(0 79 88)",
     "primarySubtleForeground": "rgb(154 240 255)",
-    "secondary": "rgb(166 204 224)",
-    "secondaryForeground": "rgb(9 53 68)",
+    "secondary": "rgb(103 211 255)",
+    "secondaryForeground": "rgb(0 53 70)",
     "shadow": "rgba(0, 0, 0, 0.3)",
     "success": "#10B981",
-    "tertiary": "rgb(160 203 243)",
+    "tertiary": "rgb(146 204 255)",
     "tertiaryForeground": "rgb(0 51 81)",
     "text": "rgb(215 229 232)",
     "textSecondary": "rgb(184 202 205)",
@@ -830,11 +830,11 @@ exports[`theme.colors snapshot for all presets (catches unintended palette shift
     "primaryLight": "rgb(233 246 249)",
     "primarySubtle": "rgb(154 240 255)",
     "primarySubtleForeground": "rgb(0 79 88)",
-    "secondary": "rgb(62 99 116)",
+    "secondary": "rgb(0 102 132)",
     "secondaryForeground": "rgb(255 255 255)",
     "shadow": "rgba(0, 0, 0, 0.1)",
     "success": "#10B981",
-    "tertiary": "rgb(54 98 133)",
+    "tertiary": "rgb(0 100 151)",
     "tertiaryForeground": "rgb(255 255 255)",
     "text": "rgb(17 29 32)",
     "textSecondary": "rgb(57 73 77)",
@@ -865,11 +865,11 @@ exports[`theme.colors snapshot for all presets (catches unintended palette shift
     "primaryLight": "rgb(33 27 13)",
     "primarySubtle": "rgb(90 67 0)",
     "primarySubtleForeground": "rgb(255 223 154)",
-    "secondary": "rgb(214 198 141)",
-    "secondaryForeground": "rgb(57 48 5)",
+    "secondary": "rgb(232 196 0)",
+    "secondaryForeground": "rgb(58 48 0)",
     "shadow": "rgba(0, 0, 0, 0.3)",
     "success": "#10B981",
-    "tertiary": "rgb(207 201 125)",
+    "tertiary": "rgb(213 203 0)",
     "tertiaryForeground": "rgb(53 50 0)",
     "text": "rgb(238 225 202)",
     "textSecondary": "rgb(211 197 170)",
@@ -900,11 +900,11 @@ exports[`theme.colors snapshot for all presets (catches unintended palette shift
     "primaryLight": "rgb(255 242 221)",
     "primarySubtle": "rgb(255 223 154)",
     "primarySubtleForeground": "rgb(90 67 0)",
-    "secondary": "rgb(106 94 47)",
+    "secondary": "rgb(111 93 0)",
     "secondaryForeground": "rgb(255 255 255)",
     "shadow": "rgba(0, 0, 0, 0.1)",
     "success": "#10B981",
-    "tertiary": "rgb(100 96 32)",
+    "tertiary": "rgb(102 96 0)",
     "tertiaryForeground": "rgb(255 255 255)",
     "text": "rgb(33 27 13)",
     "textSecondary": "rgb(79 70 49)",

package/src/theme/color-engine/scheme-variants.ts

@@ -13,7 +13,7 @@ import { sanitizeDegreesDouble } from './math-utils';
 import { TonalPalette } from './tonal-palette';
 import { Variant } from './variant';
 
-export type SchemeVariant = 'vibrant' | 'expressive' | 'tonalSpot' | 'neutral';
+export type SchemeVariant = 'vivid' | 'vibrant' | 'expressive' | 'tonalSpot' | 'neutral';
 
 const VIBRANT_HUES = [0.0, 41.0, 61.0, 101.0, 131.0, 181.0, 251.0, 301.0, 360.0];
 const VIBRANT_SECONDARY_ROTATIONS = [18.0, 15.0, 10.0, 12.0, 15.0, 18.0, 15.0, 12.0, 12.0];
@@ -45,6 +45,34 @@ export function schemeVibrant(source: Hct, isDark: boolean, contrastLevel: numbe
 }
 
 /** Playful, intentionally detached from the seed hue (primary rotated 240°). */
+/**
+ * Bloom's own brand-vivid scheme. Same vibrant base (max-chroma primary) but the
+ * secondary and tertiary accents keep MUCH more chroma than canonical M3 (which
+ * intentionally desaturates supporting accents). Neutrals stay low-chroma so
+ * surfaces read as clean tinted light/dark. This is what the presets use — the
+ * old hand-authored palette felt more vivid than pure M3, and this restores that
+ * across the whole primary/secondary/tertiary trio.
+ */
+export function schemeVivid(source: Hct, isDark: boolean, contrastLevel: number): DynamicScheme {
+  return new DynamicScheme({
+    sourceColorArgb: source.toInt(),
+    variant: Variant.VIBRANT,
+    contrastLevel,
+    isDark,
+    primaryPalette: TonalPalette.fromHueAndChroma(source.hue, 200.0),
+    secondaryPalette: TonalPalette.fromHueAndChroma(
+      DynamicScheme.getRotatedHue(source, VIBRANT_HUES, VIBRANT_SECONDARY_ROTATIONS),
+      64.0,
+    ),
+    tertiaryPalette: TonalPalette.fromHueAndChroma(
+      DynamicScheme.getRotatedHue(source, VIBRANT_HUES, VIBRANT_TERTIARY_ROTATIONS),
+      72.0,
+    ),
+    neutralPalette: TonalPalette.fromHueAndChroma(source.hue, 10.0),
+    neutralVariantPalette: TonalPalette.fromHueAndChroma(source.hue, 12.0),
+  });
+}
+
 export function schemeExpressive(source: Hct, isDark: boolean, contrastLevel: number): DynamicScheme {
   return new DynamicScheme({
     sourceColorArgb: source.toInt(),
@@ -96,6 +124,7 @@ export function schemeNeutral(source: Hct, isDark: boolean, contrastLevel: numbe
 }
 
 const BUILDERS: Record<SchemeVariant, (s: Hct, d: boolean, c: number) => DynamicScheme> = {
+  vivid: schemeVivid,
   vibrant: schemeVibrant,
   expressive: schemeExpressive,
   tonalSpot: schemeTonalSpot,

package/src/theme/color-presets.ts

@@ -74,17 +74,17 @@ export function hexToAppColorName(hex: string): AppColorName {
  * bold `vibrant` derivation to match the prior saturated palette.
  */
 export const APP_COLOR_PRESETS: Record<AppColorName, AppColorPreset> = {
-  teal: { name: 'teal', hex: '#005c67', variant: 'vibrant' },
-  blue: { name: 'blue', hex: '#1d9bf0', variant: 'vibrant' },
-  green: { name: 'green', hex: '#10b981', variant: 'vibrant' },
-  amber: { name: 'amber', hex: '#f59e0b', variant: 'vibrant' },
-  yellow: { name: 'yellow', hex: '#ffc300', variant: 'vibrant' },
-  red: { name: 'red', hex: '#ef4444', variant: 'vibrant' },
-  purple: { name: 'purple', hex: '#8b5cf6', variant: 'vibrant' },
-  pink: { name: 'pink', hex: '#ec4899', variant: 'vibrant' },
-  sky: { name: 'sky', hex: '#0ea5e9', variant: 'vibrant' },
-  orange: { name: 'orange', hex: '#f97316', variant: 'vibrant' },
-  mint: { name: 'mint', hex: '#14b8a6', variant: 'vibrant' },
-  oxy: { name: 'oxy', hex: '#c46ede', variant: 'vibrant' },
-  faircoin: { name: 'faircoin', hex: '#9ffb50', variant: 'vibrant' },
+  teal: { name: 'teal', hex: '#005c67', variant: 'vivid' },
+  blue: { name: 'blue', hex: '#1d9bf0', variant: 'vivid' },
+  green: { name: 'green', hex: '#10b981', variant: 'vivid' },
+  amber: { name: 'amber', hex: '#f59e0b', variant: 'vivid' },
+  yellow: { name: 'yellow', hex: '#ffc300', variant: 'vivid' },
+  red: { name: 'red', hex: '#ef4444', variant: 'vivid' },
+  purple: { name: 'purple', hex: '#8b5cf6', variant: 'vivid' },
+  pink: { name: 'pink', hex: '#ec4899', variant: 'vivid' },
+  sky: { name: 'sky', hex: '#0ea5e9', variant: 'vivid' },
+  orange: { name: 'orange', hex: '#f97316', variant: 'vivid' },
+  mint: { name: 'mint', hex: '#14b8a6', variant: 'vivid' },
+  oxy: { name: 'oxy', hex: '#c46ede', variant: 'vivid' },
+  faircoin: { name: 'faircoin', hex: '#9ffb50', variant: 'vivid' },
 };

package/src/theme/color-scope/seed-scope.ts

@@ -65,8 +65,9 @@ export interface SeedScopeOptions {
   seed: string;
   mode: 'light' | 'dark';
   /**
-   * The tonal scheme variant. Defaults to `'vibrant'` — the same variant every
-   * named Bloom preset uses, so a preset's seed reproduces that preset exactly.
+   * The tonal scheme variant. Defaults to `'vivid'` — the same variant every
+   * named Bloom preset uses, so a preset's seed reproduces that preset exactly
+   * (and an artwork-extracted seed gets the same brand-vivid feel as the app).
    */
   variant?: SchemeVariant;
   /** −1 (low) … 0 (normal) … 1 (high). Defaults to 0. */
@@ -88,6 +89,7 @@ export interface SeedScopeOptions {
 export function buildSeedScopeVars(options: SeedScopeOptions): Record<string, string> {
   const roles = generateRoleColors({
     seed: options.seed,
+    variant: options.variant ?? 'vivid',
     isDark: options.mode === 'dark',
     contrastLevel: options.contrastLevel ?? 0,
   });