snapshot of https://github.com/shadcn-ui/ui.git (main, 2026-09-15; blobs > 131072B omitted)

apps/v4/components/color-palette.tsx

@@ -0,0 +1,24 @@
+import { type ColorPalette } from "@/lib/colors"
+import { Color } from "@/components/color"
+import { ColorFormatSelector } from "@/components/color-format-selector"
+
+export function ColorPalette({ colorPalette }: { colorPalette: ColorPalette }) {
+  return (
+    <div id={colorPalette.name} className="scroll-mt-20 rounded-lg">
+      <div className="flex items-center px-4">
+        <div className="flex-1 pl-1 text-sm font-medium">
+          <h2 className="capitalize">{colorPalette.name}</h2>
+        </div>
+        <ColorFormatSelector
+          color={colorPalette.colors[0]}
+          className="ml-auto"
+        />
+      </div>
+      <div className="flex flex-col gap-4 py-4 sm:flex-row sm:gap-2">
+        {colorPalette.colors.map((color) => (
+          <Color key={color.hex} color={color} />
+        ))}
+      </div>
+    </div>
+  )
+}