Expand pyramid color palette to 48 colors

- Added 48 colors organized in 8 rows by color family
- Grayscale, reds, oranges, yellows, greens, cyans, blues, purples
- Updated ColorPalette grid to 6 columns to fit new palette

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

database/init.sql

@@ -1376,24 +1376,64 @@ CREATE TABLE IF NOT EXISTS pyramid_colors (
     is_active BOOLEAN DEFAULT true
 );
 
--- Insert default 16-color palette
+-- Insert expanded 48-color palette
 INSERT INTO pyramid_colors (color, name, sort_order) VALUES
+    -- Grayscale (row 1)
     ('#FFFFFF', 'White', 1),
-    ('#E4E4E4', 'Light Gray', 2),
+    ('#C4C4C4', 'Light Gray', 2),
     ('#888888', 'Gray', 3),
-    ('#222222', 'Black', 4),
+    ('#555555', 'Dark Gray', 4),
-    ('#FFA7D1', 'Pink', 5),
+    ('#2D2D2D', 'Charcoal', 5),
-    ('#E50000', 'Red', 6),
+    ('#000000', 'Black', 6),
-    ('#E59500', 'Orange', 7),
+    -- Reds & Pinks (row 2)
-    ('#A06A42', 'Brown', 8),
+    ('#FFD5D5', 'Blush', 7),
-    ('#E5D900', 'Yellow', 9),
+    ('#FF6B6B', 'Coral', 8),
-    ('#94E044', 'Lime', 10),
+    ('#E50000', 'Red', 9),
-    ('#02BE01', 'Green', 11),
+    ('#BE0000', 'Dark Red', 10),
-    ('#00D3DD', 'Cyan', 12),
+    ('#6D001A', 'Burgundy', 11),
-    ('#0083C7', 'Blue', 13),
+    ('#FF99AA', 'Pink', 12),
-    ('#0000EA', 'Dark Blue', 14),
+    -- Oranges & Browns (row 3)
-    ('#CF6EE4', 'Magenta', 15),
+    ('#FFDFBA', 'Peach', 13),
-    ('#820080', 'Purple', 16)
+    ('#FF9F45', 'Light Orange', 14),
+    ('#E59500', 'Orange', 15),
+    ('#CC6600', 'Burnt Orange', 16),
+    ('#A06A42', 'Brown', 17),
+    ('#5C3317', 'Dark Brown', 18),
+    -- Yellows & Golds (row 4)
+    ('#FFFFC5', 'Cream', 19),
+    ('#FFF44F', 'Lemon', 20),
+    ('#E5D900', 'Yellow', 21),
+    ('#FFD700', 'Gold', 22),
+    ('#DAA520', 'Goldenrod', 23),
+    ('#B8860B', 'Dark Gold', 24),
+    -- Greens (row 5)
+    ('#BFFCC6', 'Mint', 25),
+    ('#94E044', 'Lime', 26),
+    ('#02BE01', 'Green', 27),
+    ('#228B22', 'Forest', 28),
+    ('#006400', 'Dark Green', 29),
+    ('#355E3B', 'Hunter', 30),
+    -- Cyans & Teals (row 6)
+    ('#C5FFFC', 'Ice', 31),
+    ('#00D3DD', 'Cyan', 32),
+    ('#00CED1', 'Turquoise', 33),
+    ('#20B2AA', 'Teal', 34),
+    ('#008B8B', 'Dark Teal', 35),
+    ('#2F4F4F', 'Slate', 36),
+    -- Blues (row 7)
+    ('#BFE6FF', 'Sky', 37),
+    ('#6BB5FF', 'Light Blue', 38),
+    ('#0083C7', 'Blue', 39),
+    ('#0066CC', 'Royal Blue', 40),
+    ('#0000EA', 'Dark Blue', 41),
+    ('#191970', 'Midnight', 42),
+    -- Purples & Magentas (row 8)
+    ('#E6BFFF', 'Lavender', 43),
+    ('#CF6EE4', 'Magenta', 44),
+    ('#9B30FF', 'Violet', 45),
+    ('#820080', 'Purple', 46),
+    ('#4B0082', 'Indigo', 47),
+    ('#301934', 'Deep Purple', 48)
 ON CONFLICT (color) DO NOTHING;
 
 -- Create index for pyramid_colors

frontend/src/lib/components/pyramid/ColorPalette.svelte

@@ -43,8 +43,8 @@
 
     .colors-grid {
         display: grid;
-        grid-template-columns: repeat(4, 1fr);
+        grid-template-columns: repeat(6, 1fr);
-        gap: 6px;
+        gap: 4px;
         margin-bottom: 1rem;
     }