Color Palette

Moodboard-style palette card with a title, a gapless swatch strip, and hex codes beneath each color.

Sunset · 055 colors
0f172a7c3aede11d48f97316facc15

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use
import { Media9 } from "@/components/beste/piece/media9";

<Media9
  label="Sunset · 05"
  swatches={[
    {
      "hex": "#0f172a"
    },
    {
      "hex": "#7c3aed"
    },
    {
      "hex": "#e11d48"
    },
    {
      "hex": "#f97316"
    },
    {
      "hex": "#facc15"
    }
  ]}
/>