<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 180" width="600" height="180">
  <defs>
    <linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
      <stop offset="0%" stop-color="#2a0a1c"/><stop offset="100%" stop-color="#3d1a08"/>
    </linearGradient>
    <filter id="b1"><feGaussianBlur stdDeviation="18"/></filter>
  </defs>
  <rect width="600" height="180" fill="url(#bg)"/>
  <ellipse cx="120" cy="80" rx="150" ry="90" fill="#be185d" opacity="0.2" filter="url(#b1)"/>
  <ellipse cx="480" cy="70" rx="130" ry="80" fill="#d97706" opacity="0.2" filter="url(#b1)"/>
  <ellipse cx="300" cy="160" rx="180" ry="50" fill="#9333ea" opacity="0.15" filter="url(#b1)"/>

  <!-- Palette -->
  <g transform="translate(60,25)">
    <ellipse cx="60" cy="65" rx="55" ry="48" fill="#1a0a10" stroke="#f472b6" stroke-width="2"/>
    <ellipse cx="75" cy="80" rx="18" ry="14" fill="#0f0a0a" stroke="#f9a8d4" stroke-width="1.5"/>
    <!-- Paint blobs -->
    <circle cx="30" cy="38" r="10" fill="#ef4444" opacity="0.85"/>
    <circle cx="55" cy="25" r="10" fill="#f97316" opacity="0.85"/>
    <circle cx="82" cy="25" r="10" fill="#eab308" opacity="0.85"/>
    <circle cx="105" cy="40" r="10" fill="#22c55e" opacity="0.85"/>
    <circle cx="108" cy="68" r="10" fill="#3b82f6" opacity="0.85"/>
    <circle cx="26" cy="68" r="10" fill="#a855f7" opacity="0.85"/>
  </g>

  <!-- Paint brush -->
  <g transform="translate(180,15) rotate(35,20,80)">
    <rect x="16" y="0" width="8" height="55" rx="2" fill="#d97706"/>
    <path d="M16 55 Q14 75 20 85 Q26 75 24 55 Z" fill="#f9a8d4"/>
    <rect x="13" y="50" width="14" height="8" rx="1" fill="#92400e"/>
  </g>

  <!-- Stars / sparkles -->
  <g fill="#fbbf24" opacity="0.6">
    <text x="260" y="45" font-size="18">✦</text>
    <text x="310" y="70" font-size="12">✦</text>
    <text x="350" y="40" font-size="16">✦</text>
    <text x="290" y="100" font-size="10">✦</text>
  </g>

  <!-- Open book -->
  <g transform="translate(360,30)">
    <path d="M80 10 Q60 15 50 30 L50 110 Q60 100 80 100 Z" fill="#1a0a10" stroke="#f9a8d4" stroke-width="1.8"/>
    <path d="M80 10 Q100 15 110 30 L110 110 Q100 100 80 100 Z" fill="#1a0a10" stroke="#f9a8d4" stroke-width="1.8"/>
    <line x1="80" y1="10" x2="80" y2="100" stroke="#f9a8d4" stroke-width="1.5" opacity="0.6"/>
    <!-- Lines on pages -->
    <line x1="58" y1="45" x2="76" y2="43" stroke="#f472b6" stroke-width="1.5" opacity="0.5"/>
    <line x1="57" y1="55" x2="75" y2="53" stroke="#f472b6" stroke-width="1.5" opacity="0.4"/>
    <line x1="56" y1="65" x2="74" y2="63" stroke="#f472b6" stroke-width="1.5" opacity="0.4"/>
    <line x1="84" y1="43" x2="102" y2="45" stroke="#fbbf24" stroke-width="1.5" opacity="0.5"/>
    <line x1="85" y1="53" x2="103" y2="55" stroke="#fbbf24" stroke-width="1.5" opacity="0.4"/>
    <line x1="86" y1="63" x2="104" y2="65" stroke="#fbbf24" stroke-width="1.5" opacity="0.4"/>
  </g>

  <!-- Floating color swatches -->
  <rect x="490" y="25" width="22" height="22" rx="4" fill="#ef4444" opacity="0.7"/>
  <rect x="518" y="25" width="22" height="22" rx="4" fill="#f97316" opacity="0.7"/>
  <rect x="546" y="25" width="22" height="22" rx="4" fill="#eab308" opacity="0.7"/>
  <rect x="490" y="53" width="22" height="22" rx="4" fill="#a855f7" opacity="0.7"/>
  <rect x="518" y="53" width="22" height="22" rx="4" fill="#3b82f6" opacity="0.7"/>
  <rect x="546" y="53" width="22" height="22" rx="4" fill="#22c55e" opacity="0.7"/>
  <rect x="490" y="81" width="22" height="22" rx="4" fill="#f472b6" opacity="0.7"/>
  <rect x="518" y="81" width="22" height="22" rx="4" fill="#fb923c" opacity="0.7"/>
  <rect x="546" y="81" width="22" height="22" rx="4" fill="#60a5fa" opacity="0.7"/>

  <text x="30" y="170" font-family="'Segoe UI',sans-serif" font-size="11" fill="white" opacity="0.3" font-weight="600" letter-spacing="3">ARTS &amp; HUMANITIES DEPARTMENT</text>
</svg>
